/* ============================== */
/* = HOW TO CUSTOMIZE PAGELINES = */
/* ============================== */

/*

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black and the CSS looks like this:

	#footer {
		clear:both;
		font-size:1em;
		overflow:hidden;
		text-align: left;
		background: #000;
		color: #999;
		position: relative;
	}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp
*/
/* ============================== */
/* = Start Your Custom CSS Here = */
/* ============================== */

body, body.fixed_width {
 background-color: #638DBB;
 background: #638DBB;
 background-image: -moz-linear-gradient(top,#638DBB,#00518b);
 background-image: -ms-linear-gradient(top,#638DBB,#00518b);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#638DBB),to(#00518b));
 background-image: -webkit-linear-gradient(top,#638DBB,#00518b);
 background-image: -o-linear-gradient(top,#638DBB,#00518b);
 background-image: linear-gradient(top,#638DBB,#00518b);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#638DBB', endColorstr='#00518b', GradientType=0);
 border-color: #638DBB #638DBB #638DBB;
}

section#brandnav.container.clone_1.section-brandnav.fix {
  background-color: #ffffff;
  background: #ffffff;
  background-image: -moz-linear-gradient(top,#e5e5e5,#ffffff);
  background-image: -ms-linear-gradient(top,#e5e5e5,#ffffff);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#e5e5e5),to(#ffffff));
  background-image: -webkit-linear-gradient(top,#e5e5e5,#ffffff);
  background-image: -o-linear-gradient(top,#e5e5e5,#ffffff);
  background-image: linear-gradient(left top,#e5e5e5,#ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #e5e5e5;
}

section#secondnav.container.clone_1.section-secondnav.fix {
  background-color: #00518b;
  background: #00518b;
  background-image: -moz-linear-gradient(top,#2f73b4,#00518b);
  background-image: -ms-linear-gradient(top,#2f73b4,#00518b);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f73b4),to(#00518b));
  background-image: -webkit-linear-gradient(top,#2f73b4,#00518b);
  background-image: -o-linear-gradient(top,#2f73b4,#00518b);
  background-image: linear-gradient(top,#2f73b4,#00518b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f73b4', endColorstr='#00518b', GradientType=0);
  border-color: #00518b #00518b #00518b;
}

div#pagelines_content.one-sidebar-right.fix {
box-shadow: inset 0 0px 8px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

section#contentbox.copy.clone_1.section-contentbox {
padding-right: 15px;
}

section.copy {
    margin: 1em 0;
}

#content .content-pad {
    padding-top: 15px;
    background: #ffffff;
    background-color: #ffffff;
}


#footer a,
#footer li h5 a {
    color: #ffffff;
}


.section-brandnav .brandnav-nav {
  float: right;
  margin-left: 20px;
  padding-top: 15px;
}

.section-brandnav .mainlogo-link img {
  width: 100%;
  max-width: 150px !important;
}

#brandnav li a, #brandnav .nav-special {
    display: block;
    text-decoration: none;
    color: #003da5;
   /*font-weight: bold;*/
    font-size: 120%; 
  }

.main_nav_container.nosearch,
.nosearch .main_nav {
  margin-right: 0;
  border-top: solid 2pt #48a23f;
}

.main_nav li a { color: #003da5; 
 /*font-weight: bold;*/
    font-size: 140%;}

a {
    color: #003da5;
}

a:hover {
    color: #48a23f;
}

.main-nav li a:hover,
.main-nav li.current_page_item > a,
.main-nav li.current-page-ancestor > a {
    background-color: transparent;
}

.main-nav .current-menu-ancestor a,
.main-nav li.current-menu-ancestor ul a,
.main-nav li.current_page_item a,
.main-nav li.current-menu-item a,
.main-nav li.current_page_parent a,
.sf-menu li li,
.sf-menu li li li {
   background-color: transparent;
}

.main-nav li a:hover:hover,
.main-nav li.current_page_item > a:hover,
.main-nav li.current-page-ancestor > a:hover {
    background-color: transparent;
	color: #48a23f;
}

.main-nav .current-menu-item a,
.main-nav li a:hover {
    color: #48a23f;
}

#brandnav  a:hover {
   background-color: transparent;
   color: #48a23f;
}

#brandnav  .current-menu-item a, .sf-menu li li, .sf-menu li li li {
    background-color: transparent;
    color: #48a23f;
}

#secondnav  ul li.current_page_item a {
   background: none repeat scroll 0 0 #48a23f;
   color: #ffffff;
}

#secondnav  ul li.current_page_parent a {
   background: none repeat scroll 0 0 #48a23f;
   color: #ffffff;
}

#secondnav li a { 
    font-weight:bold;
    font-size: 110%;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Noto Sans", sans, verdana, arial;
}

#secondnav li a:hover { 
    color: #ffffff;
    background-color: #48a23f;
}

#secondnav {
padding-left: 8px;
}

#secondnav ul li {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}

#secondnav ul li:nth-child(n+2) {
    border-left: solid 1pt #cccccc;
}

.navigation_wrap { border-bottom: 0 none !important; }

#nav .content-pad {
  background-color: #ffffff;
  background: #ffffff;
}

#nav .content-pad,
#secondnav .content-pad {
  padding-top: 0px;
  padding-bottom: 0px;
}

#brandnav .content-pad {
    padding-top: 1em;
    padding-bottom: 1em;
}

/*boxes*/
.grid-element-pad {
background: white;
box-shadow: 0 2px 5px #1B1F1E;
border-radius: 10px;

}
.fboxinfo {
padding: 15px;
}

.fboxtitle {

    text-align: center; !important;
}

.fboxmore {
    display: none;
}


/*attempt at fixing stretch of images*/
.fboxgraphic img {
height: 100% !important;
max-height: 64px !important;

}

/*brand nav social links*/

a.facebooklink:hover {
opacity: 0.5;
}

a.youtubelink:hover {
opacity: 0.5;
}

a.linkedinlink:hover {
opacity: 0.5;
}

/*brand nav search*/

.searchform {
 float: right;
 position: relative;
 top: -20px;
 margin: 0px 5px 0px 0;
 }

.searchform .searchfield {
  height: 28px;
}

.icons {
 float: right;
 position: relative;
 top: -20px;
 }

.routing-number {
  text-align:right !important;
  margin-top: 0px !important;
  margin-bottom:30px !important;
  margin-right:10px !important;
}

.login {  
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    padding: 0px 30px 0px;
    -moz-border-radius: 15px;
}

.cb-standard .btn {
  margin-bottom: 10px;
    margin-top: 10px;
    display: block;
}


#brandnav .content {background:transparent;}

.highlight .copy-pad .highlight-area {
    padding: 0px 0px; !important;
}

/*feature stacking fix on page load*/
#page #feature-area {
    overflow: hidden;
}

address {
    display: block;
    font-style: normal;
    line-height: 21px;
    margin-bottom: 5px;
}

hr {
    clear: both;
    margin: 5px 0;
}

.testimonial-container {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    padding: 10px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.testimonial-container blockquote {
border: none;
}

.testimonial-container cite {
font-weight: bold;
}
.testimonial-container h4 {
font-weight: bold;
font-size: 16px;
}


/*New CSS*/

#highlight .highlight-head {
    line-height: 1.3em;
    font-size: 43.68px;
    color: #003da5;
}

#highlight .highlight-subhead {
  font-size: 16px;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-weight: bold;
}

.pl-hero-wrap .pl-hero h1 {
    font-size: 60px;
    line-height: 1;
    color: #48a23f;
    letter-spacing: -1px;
}

.pl-hero-wrap .pl-hero h1 small {
    display: block;
    font-family: Verdana, sans-serif;
    color: #48a23f;
}

h1,
h2,
h3,
h4,
h5,
h6,
a.site-title,
.entry-title a {
    color: #48a23f;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
a.site-title > a,
.entry-title a > a {
    color: #48a23f;
}

#sb_universal .content {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top,#ffffff,#e5e5e5);
  background-image: -ms-linear-gradient(top,#ffffff,#e5e5e5);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e5e5e5));
  background-image: -webkit-linear-gradient(top,#ffffff,#e5e5e5);
  background-image: -o-linear-gradient(top,#ffffff,#e5e5e5);
  background-image: linear-gradient(top,#ffffff,#e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  border-bottom: solid 5pt #48a23f;
  color: #000000;
}

.btn-success {
  background-color: #00518b;
  background-image: -moz-linear-gradient(top,#2f73b4,#00518b);
  background-image: -ms-linear-gradient(top,#2f73b4,#00518b);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f73b4),to(#00518b));
  background-image: -webkit-linear-gradient(top,#2f73b4,#00518b);
  background-image: -o-linear-gradient(top,#2f73b4,#00518b);
  background-image: linear-gradient(top,#2f73b4,#00518b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f73b4', endColorstr='#00518b', GradientType=0);
  border-color: #00518b #00518b #00518b;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #00518b;
}

.accordion-heading {
font-weight: bold;
}

.accordion-inner {
background-color: #ffffff !important;
}

.btn-large-personalized {
    padding: 9px 23px;
    font-size: 16px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.searchform .searchfield {
    width: 125px;
    padding: 5px 5px 5px 28px;
    margin: 0;
    float: right;
    background: #ffffff url(https://www.cubbank.com/wp-content/themes/pagelines/images/search-btn@2x.png) no-repeat 5px 50%;
    background-size: 16px 16px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    font-family: "Helvetica", Arial, serif;
    font-size: 11px;
    line-height: 1.2em;
    border: 1px solid #dedede;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(72, 162, 63, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(72, 162, 63, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(72, 162, 63, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(72, 162, 63, .6);
}

#highlight .highlight-splash img {
    max-width: 100%;
    border-radius: 30px;
    margin-bottom: 25px;
}

#feature_slider #feature-area {
    display: block;
    position: relative;
    width: 100%;
    background: url(https://www.cubbank.com/wp-content/themes/pagelines/sections/features/images/black-linen.png);
    box-shadow: none;
    overflow: visible;
}


@media (max-width:800px) {
 div#pagelines_content.one-sidebar-right.fix {
 box-shadow: none !important;
 border-radius: 0px !important;}

section#contentbox.copy.clone_1.section-contentbox {
padding-right: 0px !important;
}

} 

@media print {

#sidebar-wrap {
	display: none !important;}
#column-wrap {
 width:1000px !important;}

#column-main {
 width:1000px !important;}
}