/* =============================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5 { color: #000; }
.date { color: #8f9092; }
.intro { color: #333; }

/* ===========================================================================
   Links
   ========================================================================== */

a, a:visited { color: #1a3989; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
p a, p a:visited { line-height: inherit; }

/* =============================================================================
   Header
   ========================================================================== */

.twelve header .title {
  /*background: url('../images/logo.png') center left no-repeat;
  text-indent: -9999px;*/
  margin-top: 30px;
  margin-bottom: 0;
}
.twelve header .title a {
  display: block;
  width: 241px;
  height: 60px;
}
.twelve header .title img {
  margin-top: -5px;
}

/* Top nav items updated */
#top_nav li.cbaLink{ display: none; }

div.search-form input[type="text"],
.forumSearch input[type="text"]  {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 3px #ddd;
}
.search-form input[type="submit"]{
  background-image: url('/CBA/global/assets/images/search-icon-dark.png') !important;
}
.IE7 div.search-form input[type="text"] { padding-top: 2px; height: 20px; }
header .tab { right: 0; }
header .tab.volunteer {
    /*display: none !important;*/
    margin-right: 10px;
}
header .tab
{
    position: relative;
    float: right;
    background: #000;
    bottom: 10px;
}
header .tab:hover {
    background: #e0e0e0;
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}
header .tab a:not(.notifications) { color: #fff; }
header .notifications { background: url('../images/notification-bubble.png') no-repeat; top: -15px; left: 3px; width: 29px; height: 28px; }

/* =============================================================================
   Panels
   ========================================================================== */

/*.panel { box-shadow: 0 4px 4px -1px #ddd; border: 1px solid #ddd; padding: 0 15px 10px 15px; margin: 10px 0 25px 0; }*/
.panel span.date { display: block; font-style: italic; font-size: 1.3rem; color: #777; margin-bottom: 10px; }
/*.panel h1 { margin-bottom: 0; }*/

/* ===========================================================================
   Mobile Utility Menu
   ========================================================================== */

.utility > li ul { top: 47px; }

/* =============================================================================
   Main Navigation
   ========================================================================== */

.nav {
    height: 56px;
    margin-bottom: 25px;
    background: #000;
}
#main_nav li { position: relative; }
#main_nav > li:hover,
#main_nav li.touchHover > a,
#main_nav > li.HighLighted { background-color: #666; }
.twelve #main_nav li:hover:nth-child(6) .dropdown ul { left: -116px; }
.twelve #main_nav li:hover:nth-child(7) .dropdown ul { left: -213px; }
.twelve #main_nav li:hover:last-child .dropdown ul { left: -371px; }
.twelve > #main_nav li:hover .dropdown ul,
.twelve > #main_nav li.touchHover .dropdown ul { border: 1px solid #eaeaea; }
.twelve > ul#main_nav li:hover .dropdown ul{
  background-color: #e9e9e9;
}
.twelve > ul#main_nav .dropdown ul li a:hover { color: #1a3989; }

/* Arrow */
.twelve > #main_nav li:hover .dropdown:before,
.twelve > #main_nav li.touchHover .dropdown:before,
.twelve > #main_nav li .arrow {
    content: "";
    position: absolute;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #666666 transparent transparent transparent;
    z-index: 999999;
}


/* ===========================================================================
   Left Navigation
   ========================================================================== */

ul#left_nav li a:hover,
ul#left_nav ul li.HighLighted > a { color: #1a3989; }



/* =============================================================================
   Flexslider
   ========================================================================== */

.nine .flexslider { max-width: 700px; max-height: 475px;  }
.flexslider {margin: 0 0 60px; position: relative; zoom: 1; border: 1px solid #ddd; /*box-shadow: 0 4px 4px -1px #ddd;*/ margin-bottom: 25px;}
.IE7 .flexslider img { min-width:449px;  min-height:218px; }
.flexslider:hover .flex-next {opacity: 0.8;}
.flexslider:hover .flex-prev {opacity: 0.8;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 40%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.IE8 .flex-direction-nav a {
	filter: alpha(opacity = 50);
}
.IE8 .flexslider:hover .flex-direction-nav a {
	filter: alpha(opacity = 100);
}
.flex-direction-nav .flex-next {background-position: 100% 0;right:10px;}
.flex-direction-nav .flex-prev {left:10px;}
.flex-caption { overflow: visible;  position: relative; left: 0; width: 100%; padding: 5px 15px;}
.IE7 .flex-caption { width:440px; margin:0 auto;}
.flex-caption h5 { color: #000; font-size: 1.8rem; margin-top: 5px; }
.flex-caption p { color: #666; margin-bottom: 5px; }
.flex-caption a { font-size: 1.3rem; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav { /* width: 100%;*/  position: absolute; /* left: 90%; */ right:5px; /* bottom: 140px; */ top:320px; }
.flex-control-nav li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/bullets.png') no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }
.flex-control-nav li a.flex-active { background: url('../images/bullets.png') no-repeat -11px 0 !important; width: 11px; height: 10px; }
.six .flex-control-nav, .nine .eight .flex-control-nav {top:190px;}


/* =============================================================================
   Company Slider
   ========================================================================== */

#companies { position: relative; max-width: 200px; max-height: 60px; clear: both; margin: 0 auto; }
#companies .slides li {margin-bottom:0;}
#companies img { margin: 5px 0 !important; padding:0 5px;}
#companies .flex-viewport { border:1px solid #E5E5E5;}
#companies .flex-direction-nav a {opacity:1;}
#companies .flex-direction-nav .flex-next, #companies .flex-direction-nav .flex-prev { position: absolute; width: 13px; height: 13px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#companies .flex-direction-nav .flex-next { background: url(../images/slider_right_arrow.png) no-repeat; right: -15px; top: 52px; }
#companies .flex-direction-nav .flex-prev { background: url(../images/slider_left_arrow.png) no-repeat; left: -15px; top: 52px; }
.company-logo { margin-top: 80px; list-style-type: none; }

/* =============================================================================
   CTA's
   ========================================================================== */

.four .cta.home { padding: 0; }
.four .cta.home h5 { font-weight: bold; font-size: 1.8rem; color: #111; /*font-family: 'Avenir LT W01 55 Roman', sans-serif;*/ }
.four .cta.home h6 {
  font-family: 'Crimson Text', serif;
  font-size: 1.8rem;
  color: #000;
}
.four .cta.home a.rm { font-weight: 700; text-transform: uppercase; }
.four .cta.home a.rm:hover { color: #000; text-decoration: none; }
.content .three:last-child { width: 22.5%; border: none; margin-left: 0; }
.content > .three + .three + .three + .three { border: 0; margin-left: 0; width: 22.5%; }
.home + .row.content img { margin-top: 0; }

.home.three #companies,
.home.three .twitter-wrapper,
.home.three .CMSBanner {
	clear:both;
	display:block;
	margin-bottom:20px;
}
.twitter-wrapper { padding-bottom:40px; }
.home.three a.CMSBanner[href$=".pdf"] { background:none; padding-left:inherit; }

.cta.home { padding:0; }
.cta.home .content { padding:0 10px 15px 15px; border-left: 1px solid #000; }


/* =============================================================================
   Home Page Twitter Widget
   ========================================================================== */

.home { margin-bottom: 30px; }
.twitter-widget {
    position: relative;
    width: 220px;
    height: 130px;
    padding: 15px 10px;
    margin: 0 0 25px 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
    border: #eee solid 1px;
}
.twitter-widget:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 37px;
    border-style: solid;
    border-width: 15px 10px 0;
    border-color: #fafafa transparent;
    display: block;
    width: 0;
    z-index: 1;
}
.twitter-widget:before {
    content: "";
    position: absolute;
    top: 129px;
    left: 37px;
    border-style: solid;
    border-width: 15px 10px 0;
    border-color: #ddd transparent;
    display: block;
    width: 0;
    z-index: 0;
}
.twitter-widget ul { list-style-type: none; }
.twitter-widget ul.meta li { float: left; }
.twitter-widget ul.meta li a { font-size: 10px; padding: 0 2px;}
.twitter-widget ul.meta li:after { content: "\2022"; font-size: 1rem; }
.twitter-widget ul.meta li:last-child:after { content: ""; }
.twitter-widget > a { position: absolute; right: 0; bottom: -40px; text-transform: uppercase; font-weight: bold; font-size: 11px; font-size: 1.25rem; }
.twitter-widget > img { position: absolute; bottom: -50px; left: 30px; }
p.tweet { margin: -2px 0 0 0; font-size: 1.1rem; }


/* =============================================================================
   jQuery UI Event Calendar
   ========================================================================== */

#datepicker .highlight { background:#b2da8a;}


/* =============================================================================
   Footer
   ========================================================================== */

#footer_nav { margin: 32px 0 20px 0; }
.footer-container .row { padding-bottom: 0; }



/* =============================================================================
   Reuze Customization
   ========================================================================== */

/* Recent Updates (Home Page) */
.ac a h2.title, .ac a h3.title, .ac a h4.title, .ac a h5.title, .ac a h6.title { color: #1a3989; }

/*.recent > h5 { margin-top: 2px; padding-bottom: 8px; }
.recent.home > h5 {font-size:1.8rem;}
.recent { padding-left: 0; }
.recent .ac.sidebar > article { width: 100% !important; }
.ac.recent-updates article { border-bottom: 1px solid #f2f2f2; padding-top: 12px; padding-bottom: 0; }
.ac.recent-updates article:first-child { padding-top: 8px; margin-top: 0; }
.ac.recent-updates article:last-child { border-bottom: none; }
.home .ac.recent-updates article { border-bottom: none; padding-top: 0; }
.home .ac.recent-updates article:first-child { padding-top: 0; }
.ac.recent-updates ul.meta { float: left; width: 60px; }
.home .ac.recent-updates ul.meta li {margin-bottom:0;}
.ac.recent-updates span { text-transform: uppercase; text-align: center !important; display: block; color: #84c543; font-weight: bold; }
.ac.recent-updates span.month { font-size: 1.7rem; }
.ac.recent-updates span.day { font-size: 3.6rem; margin: -10px 0 0 0; }
.ac.recent-updates header a h5, .ac.recent-updates header a h6, ac.recent-updates header h5 a, .ac.recent-updates header h6 a { color: #3C5EC0; padding-top: 4px; font-family: "Open Sans"; }
*/

/* =============================================================================
   Page Slide
   ========================================================================== */

#pageslide > ul > li.HighLighted > a, #pageslide > ul > li.HighLighted li.HighLighted > a { background-color: #444 !important; }
#pageslide > ul > li.HighLighted > a { border-bottom: 1px solid #666; }
#pageslide ul li ul li { border-bottom: 1px solid #666; }
.landing #pageslide > ul > li > a { border-bottom: 1px solid #666; }
/* #pageslide > ul > li.hover > a { background: #444; color: #fff; } */
/*
#pageslide ul li a:hover {
    background: #84cb44;
    background: -moz-linear-gradient(top, ffffff 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    color: #0a2e9e;
}
*/
/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 46em) and (max-width: 51em) {.nine .flex-control-nav {top:250px; /* left:88%; */} .six .flex-control-nav {top:140px;} }
@media only screen and (min-width: 51em) and (max-width: 54em) {.nine .flex-control-nav {top:270px; /* left:88%; */} .six .flex-control-nav {top:160px;} }
@media only screen and (min-width: 54em) and (max-width: 57em) {.nine .flex-control-nav {top:290px;} .six .flex-control-nav {top:175px;} }
@media only screen and (min-width: 57em) and (max-width: 59em) {.nine .flex-control-nav {top:300px;} .six .flex-control-nav {top:185px;}}

@media only screen and (max-width: 29.938em) {
    .flex-control-nav { left: 82% !important; }
    .header-container .logo a { height: 72px; }
}


@media only screen and (max-width: 47.938em) {
    .twelve header .title {
      /*
        background: url('../images/logo@2x.png') top left no-repeat;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
      */
        margin-top: 22px;
        /*width: 200px;*/
        /*height: 63px;*/
    }
    .twelve header .title a {
      width: 100%;
      height: auto;
    }
    .IE7 .twelve header .title, .IE8 .twelve header .title {
      /*
        background: url('../images/logo@ie.png') top left no-repeat;
        background-size: auto;
      */
        /*width: 200px;
        height: 63px;*/
    }
    ul#main_nav li { border-right: none; }
    .recent { padding-left: 15px; }
    .three.columns.shadow { box-shadow: 0 0 0 #fff; border: none; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
    .content .three:last-child { width: 22.5%; border: none; margin-left: 15px; }
    .flex-caption { height: 70px; }
    .nine .flex-control-nav { display: none; }
	.six .flex-control-nav {display:none;}
	/* Header fixes for microsites */
	.header-container .logo a {
		display: block;
		width: 100%;
		height: 80px;
	}
	.header-container .logo a img {
		display: block;
		width: auto !important;
  	height: auto !important;
  	max-width: 100%;
  	max-height: 100%;
	}
}

@media only screen and (max-width: 63.938em) {
	.cba_bc.landing .four .cta.home { margin-bottom:15px; }
	.cba_bc.landing .four .cta.home img { width:100%; }
	.six .flex-control-nav {display:none;}
	.six .flex-direction-nav a {top:100px}

}


/* Button overrides. */
.button, .button:visited, a.button, a.button:visited,
.jc.detail .apply a.button, .jc.detail .apply a.button:visited{
  color: #fff;
  background-color: #000000;
  padding: 0.4em 1.25em;
}
.button:hover, .button:focus, .button:active,
a.button:hover, a.button:focus, a.button:active,
.jc.detail .apply a.button:hover, .jc.detail .apply a.button:focus, .jc.detail .apply a.button:active,
header .tab:hover, header .tab:focus, header .tab:active{
  color: #fff;
  background-color: #666666;
}


/* 
  09-09-2015
  Client-provided styling for footnotes. 
  If causing issues for layout, to be removed.
  **
  Updated 01-02-2016 from client.
 */
.fn-lnk:focus,.fn-lnk:hover,.wb-fnote .fn-rtn a:focus,
.wb-fnote .fn-rtn a:hover,.wb-fnote dd:focus .fn-rtn a {
  background-color:#666;
  border-color:#666;
  color:#fff!important;
} 
.fn-lnk, .wb-fnote .fn-rtn a{
  background-color:#000;
  border:1px solid #ccc;
  padding:1px 10px 2px;
  color:#fff!important;
  text-decoration:none;
  white-space:nowrap;
}
.wb-fnote dd>ol:first-child,.wb-fnote dd>ul:first-child,
.wb-fnote h2,.wb-fnote table:first-child{
  margin-top:.375em;
}
.fn-lnk{
  margin-left:5px;
}
.wb-fnote{
  border-color:#ccc;
  border-style:solid;
  border-width:1px 0;
  margin:2em 0 0;
}
.wb-fnote h2{
  margin-left:0;
  margin-right:0;
}
.wb-fnote dl{
  margin:0;
}
.wb-fnote dd{
  border:1px solid transparent;
  margin:.375em 0;
  position:relative;
}
.wb-fnote dd:focus{
  background-color:#eee;
  border-color:#555;
}
.wb-fnote dd>ol,.wb-fnote dd>ul{
  margin:0 .375em .375em 4.25em;
}
.wb-fnote p{
  margin:0 0 0 3.875em;
  padding:0 .375em .375em;
}
.wb-fnote p:first-child{
  margin-top:.11em;
  padding-top:.375em;
}
.wb-fnote ol,.wb-fnote ul{
  margin-bottom:.375em;
}
.wb-fnote table{
  margin:0 .375em .375em 4.25em;
}
.wb-fnote .fn-rtn{
  margin:0;
  overflow:hidden;
  padding-right:0;
  padding-top:.375em;
  position:absolute;
  top:0;width:3.5em;
}
.wb-fnote .fn-rtn a{
  display:inline-block;
  margin-top:0;
  padding-bottom:0;
}
[dir=rtl] sup .fn-lnk{
  margin-left:0;
  margin-right:5px;
}
[dir=rtl] .wb-fnote p{
  margin:0 3.875em 0 0;
}
[dir=rtl] .wb-fnote .fn-rtn{
  margin-right:0;
  padding-right:0;
}
.wb-fnote dt, .wb-inv, .wb-invisible, .wb-show-onfocus, .wb-sl{
  clip: rect(1px,1px,1px,1px);
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
#top_nav ul li a {
  color: #3e3e3e;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
}