/*
Theme Name: #0706 Kensington Bank
Theme URI: http://kensingtonbanks.com/
Author: CSI
Description: Design Pro 3 CSI Banking Theme
Version: 2.0.10
Text Domain: design-pro-3
*/

/* *{ transition: all 0.7s ease; -webkit-transition: all 0.7s ease } */
    
    .page-template-page-slider-tagline-fix #fluid-slider .slider-redesign .carousel-indicators{
					background: rgba(11, 78, 111, 0.85);
					padding: 10px 20px 80px;
					width: 100%;
					text-align: center;
					bottom: 0;
					margin: 0;
					z-index: 1;
				}
				.page-template-page-slider-tagline-fix #fluid-slider .slider-redesign .carousel-caption-inner{
					padding: 50px;
				}
/*////////////////////////////////////////
//         HEADER REDESIGN             //
//////////////////////////////////////////*/
.header-redesign input{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
}
.header-redesign button{
  font-family: Arial, Helvetica, sans-serif;
}
.header-redesign .btn{
  font-size: 1.2rem;
  padding: 3px 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.header-redesign #McMUserID{
  font-size: 1.2rem;
}
#helpful-links li.dropdown a{
  font-size: 1.2rem;
  font-family: Arial, Helvetica, sans-serif;
}
#fluid-slider .slider-redesign .social-media-links{
box-shadow: 10px 10px 10px #00000073;
}
#fluid-slider .slider-redesign .carousel-caption-inner{
box-shadow: -10px 10px 10px #00000072;
}
.mobile-show{
    display: none;
}

.page-template-page-header-redesign #fluid-slider, #fluid-slider .slider-redesign.carousel, #fluid-slider .slider-redesign .carousel-inner, #fluid-slider .slider-redesign .item, #fluid-slider .slider-redesign .carousel-fade, #fluid-slider .slider-redesign .carousel-control{
background: none;
}
.inline-bankLogin.bankLogin{
    float: left;
    width: 100%;
}
.inline-bankLogin.bankLogin a.nav-link{
    font-size: 1rem;
}
.inline-bankLogin #McMForm{
    width: auto;
    position: relative;
    float: left;
    margin-top: 21px;
}
.inline-bankLogin #McMForm .btn:hover, .inline-bankLogin #McMForm .btn:focus{
    color: #0b4e6f!important;
    background-color: #c4dfa0!important;
}
#helpful-links li.dropdown a{
    background: none!important;
    color: #c4dfa0;
    font-family: Arial, Helvetica, sans-serif!important;
}
.inline-bankLogin nav.navbar{
    float: left;
    border: none;
    margin-left: 10px;
}
.inline-bankLogin div#helpful-links{
    float: left;
    width: 100%;
}
.slide-search.block-search{
    position: relative;
    padding: 0;
    width: auto;
    float: right;
    margin-top: 15px;
}
.slide-search button.search-submit, .slide-search button.search-submit.btn-default:hover{
    margin: 0;
    background: none!important;
    border: none!important;
    width: auto;
}
.slide-search button.search-submit i.fa-search{
    width: 100%;
    font-size: 2rem;
    line-height: 2rem;
}
.admin-bar #fluid-header.header-redesign{
    margin-top: 0;
}
.header-redesign nav.navbar{
    margin-bottom: 0;
}
.header-redesign .navbar-collapse{
    padding: 0;
    margin: 0 auto;
}
.header-redesign div.block-logo{
    padding-top: 0;
}
.header-redesign div.block-logo img{
    max-width: 210px;
    margin-top: 4px;
}
div.header-redesign.csi-header#fluid-header{
    height: auto;
    position: absolute;
    min-height: 1px;
    background: rgba(11, 78, 111, 1);
    opacity: 1;
    padding: 0 15px;
}

.csi-alert{
z-index: 99;
position: relative;
}
/* .fixed{
  position: fixed;
} */
.header-redesign .navbar-nav>li .dropdown-menu{
    margin-top: -1px!important;
    color: #c4dfa0!important;
    background-color: rgba(11, 78, 111, 0.9)!important;
}
.header-redesign ul#menu-primary-menu.navbar-nav .dropdown-menu > li > a{
    color: #c4dfa0!important;
    background: none!important;
    font-family: century-gothic, sans-serif;
}
.header-redesign .navbar-nav > li > a{
    padding-top: 28px;
    padding-bottom: 28px;
    font-family: Arial, Helvetica, sans-serif;
}
div.header-redesign ul#menu-primary-menu.navbar-nav li a:hover, div.header-redesign ul#menu-primary-menu.navbar-nav li a:focus, div.header-redesign ul#menu-primary-menu.navbar-nav li.active a,
#helpful-links li.dropdown a:hover, #helpful-links li.dropdown a:focus, #helpful-links li.dropdown a:active{
    color: #0b4e6f!important;
    background-color: #c4dfa0!important;
}
.inline-bankLogin .form-inline .form-group{
    font-family: century-gothic, sans-serif;
}
/*////////////////////////////////////////
//         SLIDER REDESIGN             //
//////////////////////////////////////////*/
#fluid-slider .slider-redesign .carousel-caption, #fluid-slider .slider-redesign .carousel-caption-inner,
#fluid-slider div.slider-redesign.carousel{
    height: auto!important;
    max-height: none!important;
}
.page-template-page-header-redesign  #fluid-slider, #fluid-slider .slider-redesign.carousel,
#fluid-slider .slider-redesign .carousel-inner, #fluid-slider .slider-redesign .item,
#fluid-slider .slider-redesign .carousel-fade, #fluid-slider .slider-redesign .carousel-control{
    height: 800px!important;
    max-height: none!important;
}
#fluid-slider .slider-redesign .carousel-caption{
	left:0%;
	top:0%;
}
#fluid-slider .slider-redesign .carousel-caption-inner{
    min-height: 440px!important;
    width: 500px;
    background: rgba(11, 78, 111, 0.85);
    margin-left: 2%;
    padding: 75px 50px;
}
#fluid-slider .slider-redesign .carousel-caption-inner h1{
    text-align: center;
    font-weight: 400;
}
#fluid-slider .slider-redesign .carousel-caption-inner p{
    line-height: 1.5rem;
    font-size: 1rem;
    text-align: left;
    font-family: century-gothic, sans-serif;
}
#fluid-slider .slider-redesign .carousel-caption-inner a.btn-carousel{
    border-color: #c4dfa0;
    background: none;
    color: #c4dfa0!important;
    font-size: 1rem;
    border-radius: 0px;
    font-family: century-gothic, sans-serif;
}
#fluid-slider .slider-redesign .carousel-caption-inner a.btn-carousel:hover,
#fluid-slider .slider-redesign .carousel-caption-inner a.btn-carousel:focus{
    color: #0b4e6f!important;
    background-color: #c4dfa0!important;
}
#fluid-slider .slider-redesign .carousel-indicators{
    left: 0;
    width: auto;
    margin-left: 2%;
    text-align: left;
}
#fluid-slider .slider-redesign .carousel-indicators li{
    width: 12px;
    height: 12px;
}
#fluid-slider .slider-redesign .carousel-indicators .active{
    width: 14px;
    height: 14px;
}
#fluid-slider .slider-redesign .social-media-links{
    position: absolute;
    right: 0;
    z-index: 9;
    top: 30%;
    background: rgba(11, 78, 111, 0.85);
}
#fluid-slider .slider-redesign .social-media-links hr{
    margin: 0 0 10px 0;
    border: 2px solid #c4dfa0;
}
#fluid-slider .slider-redesign .social-media-links a:hover, #fluid-slider .slider-redesign .social-media-links a:focus{
    text-decoration: underline;
}
#fluid-slider .slider-redesign .social-media-links a p{
    margin: 0;
}

img.social-media-icon:hover{
  padding: 5px;
}
.social-media-apple, .social-media-android{
  width: 33px;
}
.social-media-apple:hover, .social-media-android:hover{
  padding: 5px;
}
#fluid-slider .slider-redesign .social-media-links i{
    color: #c4dfa0;
}
#fluid-slider .slider-redesign .social-media-links .social-media-icon{
    width: 40px;
    height: auto;
}
.sml-pad{
  padding-left: 4px;
  padding-bottom: 4px;
}
.bankform-wrapper{
  float:right;
}
.logo-wrapper, .navbar-wrapper{
    float: left;
}
.logo-wrapper{
    width: auto;
    margin-right: 5px;
    margin-left: 5px;
}
.bankform-wrapper{
    width: 38%;
}
.social-media-spacer{
    display: none;
}
form.search-form:not(.show){
    display: none;
}
.search-form.show{
    width: 200px;
    min-width: 10em;
    max-width: 20em;
    top: 61px;
    padding: 10px;
    right: -33px;
    position: absolute;
    margin-left: 0px;
    background: rgba(11, 78, 111, 0.85);
}
.search-form.show .search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 0.875rem;
}
.search-form.show .search-field::-moz-placeholder { /* Firefox 19+ */
    font-size: 0.875rem;
}
.search-form.show .search-field:-ms-input-placeholder { /* IE 10+ */
    font-size: 0.875rem;
}
.search-form.show .search-field:-moz-placeholder { /* Firefox 18- */
    font-size: 0.875rem;
}
.block-search .search-form.show .form-group{
    margin: 0;
    width: 100%;
}
.search-form.show .search-field{
    padding: 6px 12px;
    font-size: 0.875rem;
    height: 34px;
    border-width: 1px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}
@media (max-width: 1600px) {
    .header-redesign .navbar-nav > li > a, .inline-bankLogin.bankLogin a.nav-link{
        padding: 8px;
        padding-top: 28px;
        padding-bottom: 28px;
    }
    body div.header-redesign.csi-header#fluid-header{
        padding: 0 10px;
    }
    .header-redesign #McMUserID, .header-redesign button.btn{
        font-size: 1rem;
        padding: 3px 10px;
        height: auto;
    }
}
@media (max-width: 1400px){
    form.search-form.show{
        right: -5px;
    }
    body div.header-redesign.csi-header#fluid-header{
        padding: 0 20px;
    }
    div.logo-wrapper{
        width: 25%;
        margin: 0;
    }
    div.navbar-wrapper{
        width: 75%;
    }
    div.bankform-wrapper{
        width: 100%;
    }
    .inline-bankLogin #McMForm{
        margin-left: 10px;
    }
    div.header-redesign div.navbar-collapse{
        width: 100%;
    }
    .header-redesign div.navbar-collapse .navbar-nav{
        float: right;
    }
}
@media (max-width: 992px){
	.page-template-page-slider-tagline-fix #fluid-slider .slider-redesign .carousel-indicators{
					padding: 10px 20px 3px;
					width: 100%;
					text-align: center;
					bottom: 0;
    margin: 0;
    left: 0;
    top: initial;
    height: auto;
				}
  div.header-redesign.csi-header#fluid-header{
    position: inherit;
  }
    .mobile-show{
        display: block;
    }
    .mobile-hide{
        display: none;
    }
    .header-redesign div.logo-wrapper, .header-redesign div.navbar-wrapper, .header-redesign div.bankform-wrapper{
        width: 100%;
    }
    div.header-redesign div.navbar-collapse{
        border: none;
    }
    .header-redesign div.block-logo{
        padding-bottom: 0;
    }
    .header-redesign div.navbar-collapse ul.navbar-nav{
        float: left;
        width: 100%;
        margin: 0;
    }
    .header-redesign ul.navbar-nav > li > a{
        padding: 10px;
    }
    .header-redesign .navbar-nav.sm-collapsible a .caret{
        margin: -23px 15px 0 0;
        padding: 0;
        width: 26px;
        height: 26px;
        line-height: 20px;
        background: none!important;
        border-color: #c4dfa0!important;
        color: #c4dfa0!important;
    }
    .header-redesign #helpful-links .navbar-nav.sm-collapsible a .caret{
        margin: -20px 15px 0 0;
    }
    .header-redesign .navbar-nav.sm-collapsible a:hover .caret,
    .header-redesign .navbar-nav.sm-collapsible a:focus .caret{
        background: #c4dfa0!important;
        border-color: rgba(11, 78, 111, 1)!important;
        color: rgba(11, 78, 111, 1)!important
    }
    .inline-bankLogin div#helpful-links{
        display: block;
    }
    .header-redesign .inline-bankLogin #McMForm{
        margin-top: 0;
        margin-left: 0;
        width: 100%;
    }
    .form-inline .form-group{
        width: 100%;
    }
    .header-redesign div.block-logo img{
        width: 210px;
        margin: 5px auto;
    }
    .header-redesign .inline-bankLogin #McMUserID{
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    #fluid-slider .slider-redesign .carousel-caption-inner, #fluid-slider .slider-redesign .social-media-links{
        top: 5%;
    }
    .header-redesign .inline-bankLogin button{
        width: 100%;
    }
    .header-redesign .bankLogin nav.navbar{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    #helpful-links li.dropdown a{
        padding: 10px;
    }
    #fluid-slider .slider-redesign .carousel-caption-inner h1{
        font-size: 2.5em!important;
        line-height: 2.5rem;
    }
}
@media (max-width: 767px){
    .header-redesign div.navbar-wrapper{
        margin-top: -15px;
    }
    #helpful-links li.dropdown a{
        border-radius: 15px;
        text-align: left;
        font-size: 0.875rem;
        line-height: 0.875rem;
    }
    .header-redesign .navbar-toggle{
        width: 100%;
        display: block;
        margin-right: 0;
        border: 0;
        background: #c4dfa0!important;
        border-radius: 15px;
        padding: 10px;
        padding-left: 15px;
    }
    .page-template-page-header-redesign  #fluid-slider, #fluid-slider .slider-redesign.carousel,
    #fluid-slider .slider-redesign .carousel-inner, #fluid-slider .slider-redesign .item,
    #fluid-slider .slider-redesign .carousel-fade, #fluid-slider .slider-redesign .carousel-control{
        height: auto!important;
        max-height: none!important;
    }
    #fluid-slider .slider-redesign .carousel-caption-inner{
        top: 0;
        margin: 0;
        width: 100%;
        min-height: 568px!important;
    }
    #fluid-slider .slider-redesign .social-media-links p.social-media-spacer{
        color: #c4dfa0;
        font-size: 2.2rem;
        line-height: 2.2rem;
        margin: 0;
        display: initial;
    }
    #fluid-slider .slider-redesign .social-media-links hr{
        display: none;
    }
    #fluid-slider .slider-redesign .social-media-links p{
        display: inline-block;
    }
    #fluid-slider .slider-redesign .social-media-links{
        position: relative;
        text-align: center;
        background: #0b4e6f;
    }
    #fluid-slider .slider-redesign .carousel-indicators{
        left: 30%;
        top: 84%;
    }
    .header-redesign div.block-logo a img{
        margin: 0;
        max-width: 100%;
        width: 100%;
    }
    div.header-redesign.csi-header#fluid-header{
        background-color: #0b4e6f;
    }
}


/*////////////////////////////////////////
//        ADMIN BAR STYLE              //
//////////////////////////////////////////*/

.admin-bar .navbar-fixed-top{
margin-top: 32px;
}
#wpadminbar #wp-admin-bar-wp-logo{
	display:none;
}

/*////////////////////////////////////////
//         END ADMIN BAR STYLE              //
//////////////////////////////////////////*/


/* COLORS
BASIC BACKGROUND: #FFFBE7

*/

/*////////////////////////////////////////
//         GENERAL STYLE                   //
//////////////////////////////////////////*/

html,
body {
    width:100%;
    font-family: 'Bitter', serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.8em; /* 1.8em */
    /* color: #fff; /* #5b656a; */
    /* Smoothing */
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;

}
.home-quicklinks-background{
    background-color: #0b4e6f;
}

/*
h1,.text-xxl { font-size: 2.074rem; }
h2,.text-xl  { font-size: 1.728rem; }
h3,.text-lg  { font-size: 1.44rem; }
h4,.text-md  { font-size: 1.2rem; }
h5,.text-sm  { font-size: 1.1rem; }
h6,.text-xs  { font-size: 1.0rem; }
*/



h1 { font-size: 3.000em; line-height: 1.20em; } /* 48px */
h2 { font-size: 2.250em; line-height: 1.25em; } /* 36px */
h3 { font-size: 1.875em; line-height: 1.28em; } /* 30px */
h4 { font-size: 1.500em; line-height: 1.30em; } /* 24px */
h5 { font-size: 1.125em; line-height: 1.38em; } /* 18px */
h6 { font-size: 1.063em; line-height: 1.38em; } /* 17px */

p,ul,ol { margin: 0 0 1.8em 0; }

a,
a:active,
a:visited,
a:link {
    color: #2d699e; /* ada compliance */
    text-decoration: none;
}

a:hover, a:focus{
    text-decoration: underline;
}

body{
 overflow-x: hidden;
}
/*
section {
	position: relative;
	width: 100%;
	float: left;
}*/


.text-center {
    text-align: center;
}

.margin-no {
    margin: 0;
}

.padding-no {
    padding: 0;
}

/* character color */

.aliceblue {
    color: #e1f7fe; /* alice blue */
}

.babyblue {
    color: #20c7ff; /* baby blue */
}
.seafoam {
    color: #bafbe1; /* #83c7a5; /* seafoam */
}

a.mint,
.mint {
    color: #c4dfa0; /* mint */
}

a.mint:hover {
    color: #2d699e; /* ada compliance */;
}

a.gumby {
    color: #00c864;
}

a.gumby:hover {
    color: #2d699e;
}

a.icon-blue {
    color: #117BB0;
}

a.icon-blue:hover {
    color: #093E59;
}

.block {
    width: 100%;
    clear: both;
}

.block-out,
.block-in {
    width: 100%;
    clear: both;
}

.block-out {
    display: table;
}

.block-in {
    display: table-cell;
    vertical-align: middle;
}

.hidden-element {
    position: absolute;
   top: -9999px!important;
   left: -9999px!important;
}

.btn-default {
    background: transparent!important;
    border: 2px solid #00c864; /* #00ab56!important; */
    color: #027c3f!important;
    border-radius: 6px;
}

.btn-default:hover {
    color: #034e29!important;
    border-color: #034e29!important;
    background-color: #c4dfa0!important;
}

.btn-primary {
    border-color: #0b4e6f;
    border-radius: 0;
    background-color: #e1f7fe; /* aliceblue */
    color: #0b4e6f;
    white-space: normal;
}

.btn-primary:hover {
    background-color: #0b4e6f;
    color: #fafafa;
    white-space: normal;
}



@media ( max-width: 767px ) {
    .pull-right,
    navbar-right { float: none!important; }
}

.container-fluid,
.container {
    /*overflow-x: hidden;*/
}

@media ( min-width: 992px ) {
    .container {
        width: 100%;
    }
}

span.wpcf7-list-item {
    width: 100%;
    clear: both;
}

.border-green {
    border: 3px solid #00c864;
}

.border-blue {
    border: 3px solid #0b4e6f;
}

/*////////////////////////////////////////
//         END GENERAL STYLE              //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//         MENU STYLE              //
//////////////////////////////////////////*/

.navbar-inverse {
    background: transparent!important;
    border: none!important;
    border-radius: 0!important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #c4dfa0; /* #027c3f!important; */
    font-size: 1.2rem;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active,
.navbar-inverse .navbar-nav > .active > a {
    background-color: #093e59!important;
    color: #fff;
}

.navbar-inverse .navbar-nav > .open a:hover,
.navbar-inverse .navbar-nav > .active a:hover {
    background-color: #073247;
    color: #fff;
}


.dropdown-menu > .active > a,
.dropdown-menu > .open > a {
    background-color: #093e59!important;
    color: #fff;
}


@media ( max-width: 767px ) {
    .navbar-toggle {
        width: 100%;
        margin-right: 0;
        background-color: #00b04b;
        border: 0;
        border-radius: 50px;
        padding: 18px;
        /*border: 3px solid #c4dfa0!important;*/
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        background-color: #062b3c;
    }

    .navbar-inverse .navbar-toggle .icon-bar,
    .navbar-inverse .navbar-toggle .caret {
        background-color: #111;
        color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover {
        background-color: #c4dfa0!important;
    }
}

/*////////////////////////////////////////
//         END MENU STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         HEADER STYLE                //
//////////////////////////////////////////*/

#fluid-header {
    /* for full screen remove if not wanted */
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:100;*/
    /* for full screen remove if not wanted */

    /*height: 200px;
    min-height: 200px;*/
    /*border-bottom: 8px solid #072e41;*/
    /* background-color: rgba(7,48,68,0.4); /* #073044; /* darkest blue */
}

@media ( max-width: 767px ) {
    #fluid-header {
        background-color: #0b4e6f;
    }
}

@media ( min-width: 768px ) {
    #fluid-header {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        height: 200px;
        min-height: 200px;
    }
}

@media ( min-width: 768px ) {
    .admin-bar #fluid-header {
        margin-top: 32px;
    }
}

/*
#fluid-header {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 20;
    height: 200px;
    min-height: 200px;

}
*/

.block-logo {
    padding-top: 18px;
}

@media ( max-width: 568px ) {
    .block-logo {
        padding-left: 15%;
        padding-right: 15%;
        padding-bottom: 18px;
    }
}
@media ( min-width: 569px) and ( max-width: 767px ) {
    .block-logo {
        padding-left: 25%;
        padding-right: 25%;
        padding-bottom: 18px;
    }
}

.ib-title {
    color: #c4dfa0;
    font-weight: 700;
}

.bankLogin a {
    color: #e1f7fe;
    font-size: 0.9em;
    letter-spacing: 0.9px;
}

/* FORM ======== */

#McMForm {
    width: 100%;
}

#McMUserID {
    background-color: transparent;
    border-color: #c4dfa0;
    border-radius: 50px;
    color: #c4dfa0;
}

#McMUserID::placeholder {

    color: #c4dfa0;
}
#McMUserID:-ms-input-placeholder {

    color: #c4dfa0;
}
#McMUserID::-ms-input-placeholder {

    color: #c4dfa0;
}


.btn-ib {
    background-color: transparent;
    border-color: #c4dfa0;
    border-radius: 50px;
    color: #c4dfa0;
}

.btn-ib:hover {
    background-color: #c4dfa0;
    color: #015e28!important
}

.ib-links {
    color: #e1f7fe!important; /* ADA compliance */
}

.ib-icons a:hover {
    color: #00e773;
}

.ib-links a:hover {
    color: #00e773;
}

@media ( max-width: 767px ) {
    .btn-ib {
        width: 100%;
    }
    .ib-icons {
        float: right;
    }
    .ib-links {
        margin-top: 18px;
        margin-bottom: 18px;
        text-align: center;
    }
}

/* FORM -> END ===== */

/*////////////////////////////////////////
//         END HEADER STYLE              //
//////////////////////////////////////////*/




/*////////////////////////////////////////
//         SLIDESHOW STYLE                 //
//////////////////////////////////////////*/

.block-search {
    position: absolute;
    width:100%;
    /* replace code if not using full screen wanted
    top: 200px;

    */

    /* for full screen remove if not wanted */
    top: 60%;
    /* for full screen remove if not wanted */
    z-index: 1;
    padding-left: 30%;
    padding-right: 30%;
    text-align: center;
}

.block-search .form-group {
    display: inline-block;
    float: left;
    width: 80%;
}

.search-submit {
    display: inline-block;
    float: left;
    width: 15%;
    margin-left: 5%;
    color: #c4dfa0;
    border: 2px solid #c4dfa0;
    border-radius: 50px;
}

.search-submit:hover,
.search-submit:hover .fa-search {
    color: #027C34!important;
}

.fa-search {
    color: #c4dfa0;
}

@media ( max-width: 767px ) {
    .block-search {
        /*display: none;
        visibility: hidden;*/
				padding-left: 5%;
				padding-right: 5%;
    }
		input[type="search"] {
			-webkit-appearance: searchfield!important;
		}
		.intro-title {
			font-size: 3rem!important;
		}
}

@media ( max-width: 992px ) {
    .block-search {
        top: 80%;
    }
}

.search-field {
    background-color: transparent;
    border-color: #c4dfa0;
    border-radius: 50px;
    border-width: 2px;
    color: #c4dfa0;
    height: 4.250em; /* 68px */
    text-align: center;
}

.search-field::placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}
.search-field::-webkit-input-placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}
.search-field::-webkit-placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}
.search-field::-moz-placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}
.search-field:-moz-placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}
.search-field:-ms-input-placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}
.search-field::-ms-input-placeholder {
    font-size: 1.6em;
    line-height: 4.250em;
    color: #c4dfa0;
}

#fluid-slider {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}


.grecaptcha-badge{
	z-index: 99;
}

.page-template-page-segmint-inside .seg-content img{
	max-width: 100%;
	height: auto;
}

@media ( max-width: 767px ) {
    #fluid-slider,
    #static-slider,
    #fluid-slider .carousel,
    #fluid-slider .carousel-inner,
    #fluid-slider .item,
    #fluid-slider .carousel-fade,
    #fluid-slider .carousel-caption,
    #fluid-slider .carousel-caption-inner,
    #fluid-slider .carousel-control  {
        /*height: 568px;*/
        min-height: 568px!important;
        max-height: 568px!important;

    }
    .page-template-page-slider-tagline-fix #fluid-slider .item{
	    min-height: 518px!important;
      max-height: 518px!important;
	 	}
	 	.page-template-page-slider-tagline-fix #fluid-slider div.slider-redesign.carousel{
			max-height: 518px!important;
		}
		.page-template-page-slider-tagline-fix #fluid-slider .slider-redesign .carousel-caption-inner{
			padding: 50px;
			min-height: 100%!important;
			top: 0;
			margin: 0;
		}
		.page-template-page-slider-tagline-fix #fluid-slider .slider-redesign .carousel-caption{
			right: 0;
			left: 0;
			bottom: 0;
			top: 0;
			position: relative;	
		}
}

@media ( min-width: 768px ) {
    #fluid-slider,
    #static-slider,
    #fluid-slider .carousel,
    #fluid-slider .carousel-inner,
    #fluid-slider .item,
    #fluid-slider .carousel-fade,
    #fluid-slider .carousel-caption,
    #fluid-slider .carousel-caption-inner,
    #fluid-slider .carousel-control  {
        height: 556px!important;
        min-height: 556px!important;
        max-height: 556px!important;

    }
}
@media ( min-width: 992px ) {

    #fluid-slider,
    #static-slider,
    #fluid-slider .carousel,
    #fluid-slider .carousel-inner,
    #fluid-slider .item,
    #fluid-slider .carousel-fade,
    #fluid-slider .carousel-caption,
    #fluid-slider .carousel-caption-inner,
    #fluid-slider .carousel-control  {
        /* for full screen remove if not wanted */
        height: 800px!important;
        min-height: 800px!important;
        max-height: 800px!important;
        /* for full screen remove if not wanted */
        /* replacement code if not full screen
        height: 600px!important;
        min-height: 600px!important;
        max-height: 600px!important; */

    }
}

.carousel-control {
    opacity: 0.65;
    color: #ddf8ed!important;
}

.blue-overlay {
    background-color: rgba(11,78,111,0.65);
}
.carousel-fade,
/* .hero-fade {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,848484+25,ffffff+50,848484+75,000000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 25%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 25%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 25%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;

} */

/* testing */
.carousel-caption {
    width: 100%;
    top: 0;
    left:0;
    padding-top: 0;
    padding-bottom:0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    text-shadow: none!important;
    color: #0e2037;
}
.carousel-caption-inner {
    /* remove code if not in full screen */
    top: 20%; /* was 20%; */
    /* remove code if not in full screen */
    width: 100%;
    /*background-color: #f0f7ea;*/
    position: absolute;
    /* height: auto; */
    padding: 75px;
}

.carousel-caption-inner h1,
.carousel-title {
    font-size: 2.4em;
    color: #fff;
    font-weight: 700;
}

.carousel-caption-inner p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 2.05rem;
    margin-bottom: 18px;
}

.btn-carousel {
    background-color: transparent;
    border-color: #fff;
    border-radius: 50px;
    border-width: 2px;
    color: #fff!important;
}

.btn-carousel:hover {
    background-color: #093e59;
}

@media ( max-width: 991px ) {
    .carousel-caption {
        padding-top: 0;
        padding-bottom: 0;
    }

    .carousel-caption-inner {
        /*background-color: rgba(240,247,234,0.8);*/
        position:relative;
        top: 30%;
        float: left;
        display: block;
        width: 100%;
        /*margin-left: 20%;
        margin-right: 20%;*/
        z-index: 16;
        padding-left: 15%;
        padding-right: 15%;
        /*height: 400px;*/
    }

    .carousel-caption-inner h1 {
        font-size: 1.3em!important;
    }
    .carousel-caption-inner p {
        font-size: 1em!important;
    }
}

/*
@media ( min-width: 768px ) {
    .carousel-caption-inner {


    }
}*/



@media ( min-width: 992px ) {
    .carousel-title {
        font-size: 3.014em;
        line-height: 3.8rem;


    }

    /*.carousel-caption-inner
    {
        background-color: rgba(240,247,234,0.85);
        top: 20%;
        left: 15%;
        width: 50%;
    }*/
}

@media ( min-width: 1199px ) {
   /* .carousel-caption-inner {
        top: 20%;
        left: 15%;
        width: 45%;
    } */
}


@media ( min-width: 992px ) {
    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 70%!important;
        font-size: 4rem;
    }
}

@media ( max-width: 991px ) {
    .carousel-indicators{
        top: 61%;
        bottom: 0;
        margin: 0%;
        height: 24px;
      }

    .fa-search {
        font-size: 1.2em;
        line-height: 2.8em;

    }
}
@media screen and ( min-width: 992px ) {
    .carousel-indicators {
        bottom: 15%;
    }
}
/*////////////////////////////////////////
//         END SLIDESHOW STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//         HERO STYLE                    //
//////////////////////////////////////////*/
.csi-hero{
    height: 450px;
}
.error404 .csi-hero{
	background: #093e59;
}
.error404 .csi-hero a{
	color:#00c864;
	text-decoration:underline;
}
.error404 .csi-hero a:hover, .error404 .csi-hero a:focus{
	color:white;
	text-decoration:underline;
}

#fluid-hero {
    background-color: #fefefe;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}


/* .hero-fade {
    background-color: rgba(11,78,111,0.65);
} */

.tagline {
    color: #fff;
    text-shadow: 3px 4px 10px rgba(0,0,0,0.28);
    width: 40%;
    padding: 35px 0;
    background: rgba(11, 78, 111, 0.85);
    float: none;
    margin: 0 auto;
    text-align: center;

}
.tagline h2{
	font-size:3.25rem;
}
@media ( max-width: 767px ) {
    .tagline {
        margin-top: 0;
        width: 100%;
        height: 568px;
        padding-top: 30%;
    }
    .csi-hero{
        height: 568px;
    }
}



@media ( min-width: 768px ) {
    .tagline {
        margin-top: 22%; /* 15%; */
    }
}

@media ( min-width: 979px ) {
    .tagline {
        margin-top: 17%; /* 15%; */
    }
}

@media ( min-width: 1599px ) {
    .tagline {
        margin-top: 12%;
    }
}

/*////////////////////////////////////////
//         END HERO STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         QUICK LINK STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         END QUICK LINK STYLE              //
//////////////////////////////////////////*/





/*////////////////////////////////////////
//            FOOTNOTE STYLE              //
//////////////////////////////////////////*/

#static-footnote [class*="col-md"] {
    border-right: 1px solid #075959;
}

#static-footnote p {
    color: #bafbe1; /* #83c7a5; */
}

#static-footnote strong {
    color: #00c864;
    font-weight: 700;
}


.row-footnote h4,
.footnote-title {
    color: #00c864;
    font-size: 1.24em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.9em;
}

.row-footnote ul,
.nav-footnote {
    margin:0 0 18px 0;
    padding-left:0;
    list-style: none;
}


.row-footnote ul > li,
.nav-footnote > li {
    padding: 0;
}


.row-footnote ul > li:hover,
.row-footnote ul > li:hover a,
.row-footnote ul > li:hover a:before {
    background-color: #83c7a5!important; /* seafoam */
    color: #093e59!important;
    text-decoration: none;
}

.row-footnote ul > li a:before {
font-family: 'FontAwesome';
content: '\f06c';
    margin-left: 5px;
margin-right: 5px;
color: #00c864; /* was #f00; */
}

.row-footnote ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    padding: 4px;
    /* border-radius: 4px; */
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    color: #bafbe1!important;
    text-align: left;
    line-height: 1em;
}

/*
.row-footnote ul > li > a:hover {
    background-color: #83c7a5!important;
    color: #093e59!important;
}*/


.nav-footnote > li > a {
    font-size: 1em;
    font-weight: 400;
    color: #bafbe1!important;
    text-align: center;
    line-height: 1.75rem;
    padding: 4px;
}

.nav-footnote > li > a:hover {
    background-color: #83c7a5!important; /* seafoam */
    color: #093e59!important;
}



/*////////////////////////////////////////
//         END FOOTNOTE STYLE              //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//            FOOTER STYLE              //
//////////////////////////////////////////*/

#fluid-footnote {
    background-color: #09425e;
    padding: 20px;
}

#fluid-footer {
    background-color: #093e59;
    padding: 20px;
}

#static-footer [class*="col-md"] {
    border-right: 1px solid #075959;
}

#static-footer p {
    color: #bafbe1; /* #83c7a5; */
}


/*////////////////////////////////////////
//         END FOOTER STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         GUTTER STYLE              //
//////////////////////////////////////////*/

#fluid-gutter {

    background-color: #0b4e6f;
    padding: 20px;
}

#fluid-gutter,
#fluid-gutter a,
#fluid-gutter p {
    color: #00e773; /* was but for ADA compliance #00c864; */
    font-size: 0.95em;
}

/*////////////////////////////////////////
//         END GUTTER STYLE              //
//////////////////////////////////////////*/




/*////////////////////////////////////////
//         SIDEBAR STYLE              //
//////////////////////////////////////////*/

/* WELLS ----- */

@media ( max-width: 991px ) {
    .well {
        margin-top: 0;
        margin-bottom: 18px;
    }
}

@media ( min-width: 992px ) {
    .well {
        margin-bottom: 2.8em;
    }
}

/* WELLS ----- */

.nav-quick-blog {
    margin-bottom: 18px;
}

.nav-quick-blog li {
    /* margin-bottom: 1em; */
}

.nav-quick-blog .children li {
    list-style-type: none;
}
.nav-quick-blog .children li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
}

.nav-quick-blog .children li a:hover {
    background-color: #eee;
    border-radius: 4px;
}
/* BLURB->events: front-page */

.block-blurb-event {
    border-bottom: 3px solid #eaeaea;
    -webkit-transition: background-color 0.5s ease;
       -moz-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
    background-color: transparent;
    padding: 0 8px 12px 8px;

    margin-bottom: 12px;
}

.blurb-event-perma:hover .block-blurb-event {
    background-color: #c4dfa0;
}

.blurb-event-date {
    font-size: 0.875em;
    margin-bottom: 0px;
}

.blurb-event-title {
    color: #0b4e6f;
}

.blurb-event-excerpt {
    font-size: 0.875em;
    line-height: 1.6em;
    color: #5b656a;
    padding-left: 18px;
    padding-right: 18px;
}
.blurb-event-btn {
    text-align: right;
    font-size: 0.875em;
    margin-bottom:0;
}

/* BLURB->employee spotlight: front-page */
.block-blurb-spot {
    -webkit-transition: background-color 0.5s ease;
       -moz-transition: background-color 0.5s ease;
         -o-transition: background-color 0.5s ease;
            transition: background-color 0.5s ease;
    background-color: transparent;
    padding: 0 8px 12px 8px;

    margin-bottom: 12px;
}

.blurb-spot-perma:hover .block-blurb-spot {
    background-color: #c4dfa0;
}

.sidebar-front-spot-img {
    box-shadow: 3px 4px 6px rgba(0,0,0,0.2);
}

.blurb-spot-date {
    font-size: 0.875em;
    margin-bottom: 0;
}

.blurb-spot-title {
    color: #0b4e6f;
}

.blurb-spot-excerpt {
    font-size: 0.875em;
    line-height: 1.6em;
    color: #5b656a;
    padding-left: 18px;
    padding-right: 18px;
}

.blurb-spot-btn {
    text-align: right;
    font-size: 0.875em;
    margin-bottom: 0;
}

/*////////////////////////////////////////
//         END SIDEBAR STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         TRIGUN STYLE              //
//////////////////////////////////////////*/

@media ( min-width: 992px ) {
    #fluid-trigun,
    #static-trigun {
        height: 1px;
        min-height: 1px;
        max-height: 1px;
    }
}


@media ( min-width: 992px ) {
    #static-trigun {
        width: 95%;
    }

    .block-trigun {
        z-index: 999;
    }
}

.block-trigun {
    background-color: #ddf8ed;

    border: 5px solid #f8f8f8;
    position: relative;
    display: block;
    z-index: 1;
    left: 0;

}

.block-trigun:hover {
    background-color: #f3eeec;
}

.block-trigun h5 {
    color: #2d699e; /* ada compliance */
}

@media ( min-width: 768px ) {
    .block-trigun {
        position: relative;
        top: -75px;
    }
}

@media (max-width: 991px){
	.block-trigun {
		top: 0!important;
		z-index: unset;
	}
}

.block-trigun-in {
    padding-left: 18px;
    padding-right: 18px;
    height: 125px;
    min-height: 125px;
}

/*////////////////////////////////////////
//         END TRIGUN STYLE              //
//////////////////////////////////////////*/


#fluid-triple-lg {
    padding-top: 100px;
}

#static-triple-lg {
    width: 100%;
    height: auto;
    min-height: 100px;
}

#static-triple-lg .col-md-4 {
	z-index: 2;
	position: relative;
}

.block-triple {
    background-color: #f3eeec;

}

.block-triple:hover {
    background-color: #ddf8ed;

}
.block-triple-in {
    height: 300px;
    min-height: 300px;
}
/*////////////////////////////////////////
//         INTRO STYLE              //
//////////////////////////////////////////*/


#fluid-intro {

    background-color: #0b4e6f;
    background-image: url('/wp-content/themes/0706_kensington_bank/images/bg_sprout_2.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    /* background-attachment: fixed; */
    background-size: auto;
    padding: 0 0 40px 0;

}

/*
#static-intro {
    background-image: url('/wp-content/themes/0706_kensington_bank/images/bg_sprout.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    background-size: contain;
}*/

.row-intro-title {
    padding-top: 100px;
    padding-bottom: 80px;
    margin-bottom: 60px;
    border-bottom: 1px dashed #57859c;
}

.row-intro-first,
.row-intro-second,
.row-intro-third {
    padding-top: 15px;
    padding-bottom: 15px;
}

.csi-reveal-middle {
    text-align: center;
}

.intro-title {
   font-size: 4em;
    letter-spacing: 0.05em;
}

.intro-title-support {
    font-size: 1.4em;
    color: #83c7a5;
}


.intro-title-reveal {
    font-size: 1.3em;
}

.intro-text-reveal {

}



/*////////////////////////////////////////
//         END INTRO STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         RANDOM STYLE              //
//////////////////////////////////////////*/

#fluid-random {
    background-color: pink;
    padding: 20px;
    height: 100px;
    min-height: 100px;
}

#fluid-blurb {
    padding-left: 0;
    padding-right: 0;
}

#fluid-blurb .block-in-blurb {
    height: 150px;
    min-height: 150px;
}

#fluid-blurb .block-in-blurb h4,
#fluid-blurb .block-in-blurb p {
    margin-bottom: 0;
}

#fluid-blurb .block-in-blurb p {
    font-size: 1.28em;
}
@media ( min-width: 992px ) {
    #fluid-blurb,
    #static-blurb,
    #fluid-blurb .block-in-blurb {
        height: 150px;
        min-height: 150px;
        max-height: 150px;
    }
}


.sidebar-slide-link, .sidebar-slider{
    display: block;
    width: 100%;
    height: auto;
}

.sidebar-slide-link .row-blurb-mini, .sidebar-slider .row-blurb-mini {
    margin-bottom: 1.2em;
    transition: all 0.7s ease;
}

.sidebar-slide-link:hover .row-blurb-mini, .sidebar-slider:hover .row-blurb-mini {
    border-radius: 18px;
}

.block-blurb-mini {
    padding-top: 1.8em;
    padding-bottom: 1.8em;
}

.block-blurb-mini p,
.block-blurb-mini ul {
    margin-bottom: 0;
}

/*
.block-blurb {
    padding: 30px 20px 20px 20px;
}*/

.block-pink {
    color: #fff;
    background-color: #d90057; /* pink */
    /*background-color: rgba(244,244,244,0.8);*/
}
.block-pink-mini {
    color: #fff;
    background-color: #db0d60; /* pink: light */
}
    .block-pink:hover,
    .block-pink-mini:hover {
        background-color: #ce0053;
    }

.block-red {
    color: #fff;
    background-color: #e30322; /* red */
}

.block-red-mini {
    color: #fff;
    background-color: #e4102d; /* red: light */
}

    .block-red:hover,
    .block-red-mini:hover {
        background-color: #d70320; /* red: dark */
    }

.block-yellow {
    color: #373737;
    background-color: #d8be12;
}
.block-yellow-mini {
		color: #373737;
		background-color: #dac11e; /* yellow: light */
}
    .block-yellow:hover,
		.block-yellow-mini:hover {
				color: #111;
				background-color: #cdb411; /* yellow: dark */
    }

.block-green {
    color: #101010;
    background-color: #37ad1f; /* green */
}
.block-green-mini {
		color: #101010;
		background-color: #41b12a; /* green: light */
}
    .block-green:hover,
		.block-green-mini:hover {
			color: #111;
			background-color: #34a41d; /* green: dark */
    }

.block-teal {
    color: #0a0a0a;
    background-color: #009ba5; /* teal */
}

.block-teal-mini {
	 color: #0a0a0a;
	 background-color: #0da0aa; /* teal: light */
}
    .block-teal:hover,
		.block-teal-mini:hover {
        background-color: #00939d; /* teal: dark */
    }

.block-orange {
    color: #282828;
    background-color: #ef6c33; /* orange */
}
.block-orange-mini {
	color: #282828;
	background-color: #f0733d; /* orange: light */
}
    .block-orange:hover,
		.block-orange-mini:hover {
        background-color: #e36630; /* orange: dark */
    }

.block-purple {
    color: #fff;
    background-color: #c310d3;
}

.block-purple-mini {
	color: #fff;
	background-color: #c61cd5; /* purple: light */
}
    .block-purple:hover,
		.block-purple-mini:hover {
			background-color: #b90fc8; /* purple: dark */
    }
    
.block-babyblue{
	color: #000;
	background-color: #20c7ff;
}

.block-babyblue-mini{
	color: #000;
	background-color: #2ECBFF;
	}
	
		.block-babyblue:hover,
		.block-babyblue-mini:hover {
			background-color: #10BBFA; 
    }
    
    

/*////////////////////////////////////////
//         END RANDOM STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         CONTENT BODY STYLE              //
//////////////////////////////////////////*/


.bg-white {
    background-color: #fff;
}
#fluid-content {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+1,ffffff+20 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,239,239,1) 1%, rgba(255,255,255,1) 20%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 1%,rgba(255,255,255,1) 20%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,239,1) 1%,rgba(255,255,255,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    padding: 100px 20px;
}

#static-content h3 {
    border-bottom: 3px solid #eaeaea;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

@media ( min-width: 992px ) {
    .content-inside-padding {
        padding-right: 10%;
    }

    .content-blog-padding {
        padding-right: 5%;
    }


}

#static-content a:hover {
    text-decoration: underline;
}


@media ( min-width: 992px ) {
    .news-block {
        padding-right: 40px;
    }
}


.row-people-component {
    /* box-shadow: 3px 5px 6px rgba(0,0,0,0.2); */
}

.iframe-location iframe {
    width: 100%;
    height: 520px;
    min-height: 520px;
}

@media ( max-width: 767px ) {
    .iframe-location iframe {
        width: 100%;
        height: 480px;
        min-height: 480px;
    }
}

 /*////////////////////////////////////////
 //      END CONTENT BODY STYLE              //
 //////////////////////////////////////////*/

 /*////////////////////////////////////////
 //            POSTS STYLE             //
 //////////////////////////////////////////*/

.post-bio {
    border: 1px solid #111;
    background-color: #fafafa;
}

.post-bio [class*="col-md"] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.block-post-bio {
    display: block;
    float: left;
    border: 1px solid #111;
    width: 20%;
    margin-right: 5%;
    /* testing */

    height: 500px;
    min-height: 500px;
    overflow-y: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media ( max-width: 978px ) {
    .block-post-bio {
        width: 100%;
        margin-right: 0;

        height: 500px;
        min-height: 500px;
        background-position: top center;
    }
}
@media ( min-width: 979px ) {
    .block-post-bio {
        width: 45%;
        margin-right: 5%;

    }
}

@media ( min-width: 1199px ) {
    .block-post-bio {
        widtH: 28.33333%;
        margin-right: 5%;
    }
}

@media ( min-width: 1920px ) {
    .block-post-bio {
        width: 20%;
        margin-right: 5%;

        height: 550px;
        min-height: 550px;
    }
}

.block-post-bio h3 {
    width: 100%;
    text-align: center;
    background-color: rgba(196,223,160,0.8);
    color: #111;
    padding-top:18px;
    padding-bottom:18px;
    font-size: 1.1em;
}

/*////////////////////////////////////////
//         END POSTS STYLE             //
//////////////////////////////////////////*/
.layout-title {
    font-size: 4.125em;
    color: #0b4e6f;
    margin-bottom: 50px;
    letter-spacing: 0.1em;
}

.post-entry-title {

    color: #0b4e6f;
}

.row-post {
    background-color: #fafafa;
    background-image: url('/wp-content/themes/0706_kensington_bank/images/bg_sprout_chat.png');
    background-repeat: no-repeat;
    background-position: left center;
    box-shadow: 8px 10px 16px rgba(0,0,0,0.2);
    margin-bottom: 2.8em;
    -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
         -o-transition: all 0.7s ease;
            transition: all 0.7s ease;
}

.row-post:hover {
    background-color: #ddf8ed;
    border-radius: 18px;
}

.block-post-verbiage {
    padding-top: 65px;
    padding-bottom: 65px;
}
.row-post [class*="col-md"] {
    padding-top: 18px;
    padding-bottom: 18px;
}

.row-post [class*="col-sm"] {

}

.row-post [class*="col-xs"] {

}

.block-post-verbiage {

}
 /*////////////////////////////////////////
 //            MOBILE STYLE             //
 //////////////////////////////////////////*/


/*////////////////////////////////////////
//         END MOBILE STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//         ACCORDION STYLE             //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         END ACCORDION STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//        BUTTON/A STYLE             //
//////////////////////////////////////////*/
.btn-button {
    display: block;
    transition: background-color 0.7s ease;
    background-color: transparent;
}

.btn-button:hover  {
    background-color: #c4dfa0;
    border-radius: 12px;
}

.btn-out {
    display: table;
    width: 100%;
}

.btn-in {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 200px;
    min-height: 200px;
   width: 100%;
}

.btn-img-helper {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 18px;
}

.btn-img-helper img {
    width: 60%;
    height: auto;
}

/*////////////////////////////////////////
//        END BUTTON/A STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//        TABLE STYLE                  //
//////////////////////////////////////////*/

/* typography */
    table thead,
    table#Personal-Checking thead {
        color: #00e773; /* was but for ADA compliance #00c864; */
        background-color: #0b4e6f;
        font-size: 1.125rem;
        font-weight: 700;
    }

table thead tr th {
    text-align: center;
}
    table tbody > tr > td:first-child,
    table#Personal-Checking tbody > tr > td:first-child {
        color: #0b4e6f;
        font-size: 1.05rem;
        font-weight: 700;
    }

/* column widths */
    table thead > tr > th:first-child,
    table#Personal-Checking thead > tr > th:first-child {
        width: 20%;

    }
    table thead > tr > th:nth-child(2),
    table#Personal-Checking thead > tr > th:nth-child(2) {
        width: 30%;
    }
    table thead > tr > th:nth-child(3),
    table#Personal-Checking thead > tr > th:nth-child(3) {
        width: 25%;
    }
    table thead > tr > th:last-child,
    table#Personal-Checking thead > tr > th:last-child {
        width: 25%;
    }

/* column padding */
    table thead > tr > th,
    table#Personal-Checking thead > tr > th {
        padding: 20px 10px!important;

    }
    table tbody > tr > td,
    table#Personal-Checking tbody > tr > td {
        padding: 15px 20px;
    }




/*////////////////////////////////////////
//       END TABLE STYLE                  //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//       PAGE INFORMATION STYLE                  //
//////////////////////////////////////////*/



.blockquote-highlight {
    font-size: 1.5rem;
    font-style: italic;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #707070;
    margin-top: 28px;
    margin-bottom: 28px;
    padding-top: 28px;
    padding-bottom: 28px;
}

/*////////////////////////////////////////
//       END PAGE INFORMATION STYLE                  //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//       HOME LOCATION STYLE                  //
//////////////////////////////////////////*/

.location-section {
    padding-bottom: 1.8em;
    margin-bottom: 1.8em;
    border-bottom: 3px solid #eaeaea;
}

.inside-section {
    margin-bottom: 3.8em;
}

.inside-section:last-child {
    margin-bottom: 0;
}
/*////////////////////////////////////////
//      END HOME LOCATION STYLE                  //
//////////////////////////////////////////*/



/*////////////////////////////////////////
//       HOME PAGE STYLE                  //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//      END HOME PAGE STYLE                  //
//////////////////////////////////////////*/



h1,h2,h3,h4,h5,h6 { margin-top: 0; font-family: century-gothic, sans-serif!important; }

p, a{
  font-family: Arial, Helvetica, sans-serif!important;
}

.fadeInRight{
    opacity: 0;
    visibility: hidden;
}

.sidebar-slider{
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.9s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 0.9s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.9s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;

	animation-duration: 0.9s;
	-webkit-animation-duration: 0.9s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
    opacity: 1 !important;
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}



/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;

	animation-duration: 0.9s;
	-webkit-animation-duration: 0.9s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
    opacity: 1 !important;
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@media screen and (max-width: 767px){
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td{
        white-space: normal;
        word-break: normal;
    }
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px){
    td p.mobile-table-header{
        white-space:normal !important;
        word-break: normal;
    }
}