@import url("imports/global.css");


/* Structure 
----------------------------------------*/
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html { -webkit-text-size-adjust: none; transition: font-size .25s; -webkit-transition: font-size .25s; font-smoothing: optimizeLegibility; }
html.text-medium { font-size: 18px; }
html.text-large { font-size: 20px; }
body { background: #FFF; overflow-x: hidden; }
img { max-width: 100%; height: auto; }


/* Alert Center */
.alert { background: #820024; }
.alert p {font-size:1rem;}
.alert .name { position: absolute; left: 0; top: 0; bottom: 0; width: 25%; background: #6d001e; color: #FFF; font: normal 20px "alternate-gothic-no-3-d", Oswald, Arial, sans-serif; margin: 0; text-transform: uppercase; text-align: center; padding: 1.5rem 0; }
.alert .description { color: #FFF; padding: 1rem 50px 1rem 27%; margin: 0; line-height: normal; }
.alert .close { position: absolute; right: 0; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; background: url("../images/alert-close.jpg") no-repeat; }


/* Header
---------------------------------------- */
.masthead { background: #133d8c url("../images/bg-header.jpg") left top repeat-x; position: relative; z-indeX: 6; }
.masthead > .wrapper { background: url("../images/bg-building.jpg") 68% top no-repeat; }
.masthead .top p { margin: 0; color: #e3ddda; font-size: .688rem; line-height: 27px; }
.masthead .top p a { color: #e3ddda; text-decoration: none; }
.masthead .top p.floatRight { text-transform: uppercase; }
.masthead .top p span.divider { margin: 0 5px; }
.masthead .top p a:hover { color: #FFF; }
.masthead .top .resize { position: relative; }
.masthead .top .resize > .none { position: absolute; left: 0; top: 100%; background: #FFF; padding: 10px; width: 200px; border: 1px solid #CCC; box-shadow: 0 5px 10px rgba(0,0,0,.25); }
.masthead .top .resize:hover > .none { display: block; line-height: normal; }
.masthead .top .resize .none a { display: block; color: #8e8e8e !important; padding: 3px; }
.masthead .top .resize .none a:hover { background: #F9F9F9; }
.masthead .top .resize .none a span { display: inline-block; margin-right: 5px; vertical-align: middle; }
.masthead .top .resize .none a.smlFnt { padding-top: 10px; margin-top: 10px; border-top: 1px solid #EEE; }
html.text-normal .masthead .top .resize .none a.smlFnt, html.text-medium .masthead .top .resize .none a.mdmFnt, html.text-large .masthead .top .resize .none a.lrgFnt { font-weight: bold; }
.masthead a.logo img { display: block; /*margin-left: -40px;*/ margin-top:1px;  }
.masthead .floatRight { margin-top: 15px; }
.masthead p.phone { color: #FFF; text-shadow: 1px 2px 3px rgba(0,0,0,1); font: normal 26px "alternate-gothic-no-3-d", Oswald, Arial, sans-serif; margin: 0 0 5px; }
.masthead p.phone > a { background: none; color: #FFF; display: block; width: 100%; margin: 0 0 10px; }
.socials {margin-top:35px;}
.socials a { background: url("../images/icon-socials.png") no-repeat; display: inline-block; width: 24px; height: 24px; margin-left: 5px; }
.socials a.facebook { background-position: 0 0; }
.socials a.twitter { background-position: -33px 0; }
.socials a.googleplus { background-position: -66px 0; }
.socials a.foursquare { background-position: -99px 0; }
.socials a.linkedin { background-position: -132px 0; }
.socials a.wordpress { background-position: -165px 0; }
.alert p.description a {color: #fff; font-weight:bold; font-style:italic; text-decoration:none;}
	.alert p.description a:hover {color:#CCC;}

/* errors */
ul.vasc-form-error-list{ background:#f7f4c9; padding:21px;margin:0; margin-bottom:18px;font-family:Segoe UI, Helvetica, Arial, sansserif; border-radius:7px; border:1px solid #c22170; color:#c22170;}
ul.vasc-form-error-list li { list-style:none; margin-left:7px; margin-bottom:9px;}
ul.vasc-form-error-list li.head { list-style:none; margin-left:0; font-style:italic;}

/* Investment pages */
body.investments div.pagewrap footer.footer div.container.clearfix div.sixcol.last.alignRight img {display:none;}



/* Navigation 
----------------------------------------- */
.menu:before { content: ""; display: block; width: 100%; background: url("../images/subpage-shadow.jpg") center top no-repeat; height: 40px; position: absolute; left: 0; bottom: -40px; }
body.index .menu:before { display: none; }
.menu { background: #FFF; box-shadow: 1px -4px 5px rgba(0,0,0,.25); position: relative; z-index: 5; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu ul li { float: left; position: relative; text-transform: uppercase; margin-right: 35px; font: normal 22px/normal "alternate-gothic-no-3-d", Oswald, Arial, sans-serif; }
.menu ul li a { display: block; color: #133d8c; padding: 10px 2px 0px; text-decoration: none; border-bottom: 3px solid transparent; }
.menu ul li a:hover { color: #952645; border-bottom-color: #952645; }
/* Second Tier */
.menu ul li > ul { display: none; position: absolute; top: 100%; left: 0; background: #952645; width: 275px; padding: 0; box-shadow: 0 5px 15px rgba(0,0,0,.3); list-style: none; margin: 0; text-align: center; z-index: 2; }
.menu ul li:hover > ul { display: block; }
.menu ul li > ul li { float: none; display: block; font-size: .75rem; padding: 0 15px; margin: 0; font-family: "Roboto", Arial, sans-serif; }
.menu ul li > ul li a { display: block; padding: 10px 0; border: 0; border-bottom: 1px solid #aa2e53; color: #FFF; }
.menu ul li > ul li a:hover { color: #FFF; background: #aa2e53; }
/* Third Tier */
.menu ul li > ul li > ul { margin: 0; left: 100%; top: 0; }
/* Search */
.menu ul li.search { float: right; position: relative; margin: 0; padding-top: 5px; }
li.search input.searchField { float: right;font-size: .813rem; padding: 5px 10px; -webkit-appearance: none; color: #545454; border: 1px solid #E5E5E5; width: 300px; max-width: 100%; }
li.search input.searchSubmit { position: absolute; right: 9px; top: 13px; width: 16px; height: 16px; margin: 0; display: block; background: url("../images/icon-search.png") left top no-repeat; border: 0; text-indent: -9999em; cursor: pointer; }
li.search input.searchField:focus { box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); border-color: #ccc; }
a.headerSubNav292 {cursor:default;}
a.headerSubNav292:hover {cursor:default; background:#952645!important; border-bottom: 1px solid #aa2e53 !important;}

/* Marketing Message 
----------------------------------------- */
.marketing { margin: 0; position: relative; z-index: 4; background: #cfcfcf; }
.flexslider { width: 100%; max-width: 1400px; position: relative; zoom: 1; overflow: hidden; margin: 0 auto; }
ul.slides { margin: 0; padding: 0; list-style: none; }
ul.slides li { position: relative; display: none; width: 100%; }
ul.slides li img { max-width: 100%; display: block; }
ul.slides li .text { position: absolute; bottom: 0; left: 0; width: 100%; background: url("../images/bg-mk-text.png") left bottom repeat-x; text-align: right; background-size: 100% 100%; }
ul.slides li a h2 { font: normal 44px/normal "alternate-gothic-no-3-d", Oswald, Arial, sans-serif; text-shadow: 0 2px 5px #000; margin: 0; line-height: normal;  color: #FFF; }
ul.slides li a p { font-size: 1rem; color: #FFF; text-shadow: 0 2px 5px #000;}
ul.slides li a { color: #FFF; text-decoration: none; }
/* Dots */
ol.flex-control-nav { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 10; bottom: 20px; right: 20px; }
ol.flex-control-nav li { float: left; margin: 0 0 0 10px; }
ol.flex-control-nav li a { float: left; width: 13px; height: 13px; background: #FFF; border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; text-indent: -9999em; box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 -1px 3px rgba(0,0,0,.2); opacity: .7; cursor: pointer; }
ol.flex-control-nav li a.active { opacity: 1; }
/* Next/Prev */
ul.flex-direction-nav { display: none; }


/* Online Banking (Homepage) */
.online-banking-login { position: absolute; z-index: 5; left: 0; top: 40px; width: 30%; }
.online-banking-login h2 { background: rgba(255,255,255,.8); padding: 12px 15px 10px; text-transform: uppercase; color: #454545; border-radius: 5px 5px 0 0; margin: 0; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); }
.online-banking-login h2 span { text-transform: none; font-weight: bold; font-family: "Roboto", Arial, sans-serif; font-size: 12px;  line-height: 18px; }
.online-banking-login .body { padding: 15px; border-radius: 0 0 5px 5px; background: rgba(255,255,255,.6); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); }
.online-banking-login label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px; }
.online-banking-login input.username { border: 1px solid #AAA; }
.online-banking-login input.username:focus { border: 1px solid #777; box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); }
.online-banking-login input[type="submit"] { width: 100%; border: 0; text-align: center; box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(0,0,0,1); height: 33px; text-shadow: 0 1px 2px rgba(0,0,0,1); letter-spacing: .063rem; }
.online-banking-login p { margin: 55px 0 0; font-size: 12px; }
.online-banking-login p.registration { margin: 15px 0 0 0; }
.online-banking-login p a { color: #343434; text-decoration: none; }


/* Online Banking (Subpages) */
.module { margin-bottom: 30px; }
.module .online-banking-login { position: static; width: 100%; border: 1px solid #CCC; border-radius: 5px; }
.module .online-banking-login h2 { background: #E9E9E9; }
.module .online-banking-login .body { background: #F9F9F9; }


/* Quick Links */
body.index .quicklinks:after { content: ""; display: block; width: 100%; background: url("../images/shadow.jpg") center top no-repeat; height: 40px; position: absolute; left: 0; bottom: -47px; }
body.index .quicklinks { margin-bottom: 10px; }
.quicklinks { background: #0e818c; position: relative; }
.quicklinks ul { list-style: none; margin: 0; padding: 0; }
.quicklinks ul li { float: left; font-size: .75rem; line-height: 14px; text-transform: uppercase; }
.quicklinks ul li a { display: block; color: #FFF; text-decoration: none; background: url("../images/icon-quicklinks.png") no-repeat; padding: 20px 28px 20px 65px; -webkit-transition: .6s; -moz-transition: .6s; }
.quicklinks ul li a span { display: block; }
.quicklinks ul li a:hover { background-color: #0d7781; }
.quicklinks ul li a.icon-dollar { background-position: 25px 18px; }
.quicklinks ul li a.icon-piggy { background-position: 25px -115px; }
.quicklinks ul li a.icon-checks { background-position: 25px -242px; }
.quicklinks ul li a.icon-laptop { background-position: 25px -372px; padding-left: 70px; }
.quicklinks ul li a.icon-arrow { background-position: 25px -487px; padding-left: 50px; }
.quicklinks ul li a.icon-help { background-position: 25px -614px; }


/* Breadcrumbs */
div.brundle_rundll_crumbles { text-transform: uppercase; display:block; color: #707070; font-size:11px; line-height: 24px; border-bottom: 1px solid #DDD; padding-bottom: 10px; }
div.brundle_rundll_crumbles a { text-decoration:none; color: #818181; }
div.brundle_rundll_crumbles a:hover { color:#820024; }
div.brundle_rundll_crumbles span.arrow { margin: 0 5px; }


/* Homepage Content
------------------------------------------ */
.content { padding: 40px 0; }
h1.page-title { padding: 15px 0; margin: 0 0 25px; }
body.index h1.page-title, body.index .brundle_rundll_crumbles { display: none; }
body.index .content h2 { margin-bottom: 40px; }
body.index .fourcol img { display: block; margin: 0 auto 20px; }


/* Social Feed */
.socialfeed { border: 1px solid #CCC; padding: 30px; text-align: center; margin-top: 100px; }
.socialfeed h2 { margin: -50px auto 50px; background: #FFF; padding: 0 20px; font-size: 40px; color: #133d8c; text-transform: uppercase; width: 65%; }
.socialfeed .fb-activity a, .socialfeed .wp-activity a {color:#666; text-decoration:none; font-size:.8em;}
.socialfeed .fb-activity, .socialfeed .wp-activity { float: left; width: 48%; padding: 0 30px 0 60px; min-height: 50px; text-align: left; }
.socialfeed .fb-activity { margin-right: 4%; border-right: 1px solid #CCC; background: url("../images/logo-facebook.jpg") left 3px no-repeat; }
.socialfeed .wp-activity { background: url("../images/logo-wordpress.jpg") left 3px no-repeat; }
.socialfeed div a.post { color: #454545; text-decoration: none; font-size: .813rem; line-height: 21px; }
.socialfeed div a.post:hover { text-decoration: underline; }
.socialfeed a.stylish { margin-top: 20px; font-size: .938rem; }


/* Footer
---------------------------------------- */
.footer { padding: 20px 0; border-top: 10px solid #c2c2c2; background: #d3d3d3; }
.footer p { font-size: .75rem; }
.footer .disclaim { border-top: 1px solid #c2c2c2; margin-top: 10px; padding-top: 20px; box-shadow: inset 0 1px 0 #ededed; }
.footer .disclaim p { margin: 0; }
.footer p a { text-decoration: none;}
.vguard-badge.footer {border-top: none}

/* Privacy Notice page
-------------------------------------- */
table.privacy {border:1px solid #CCC;}
table.privacy td {border:1px solid #ccc;}

/* Contact page
-------------------------------------- */
.contactform { list-style: none; margin: 0; padding: 0; }
.contactform li { float: left; width: 50%; margin: 0 0 10px; }
.contactform li.full { width: 100% !important; }
.contactform li.full h3 { margin: 25px 0 5px; }
.contactform li.third { width: 32.75% !important; }
.contactform li label { display: block; margin: 0 0 3px; font-weight: 600; }
.contactform li input.text, .contactform li textarea { width: 90%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 7px; box-sizing: border-box; -moz-box-sizing: border-box; }
.contactform li textarea { border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd; width: 95%; }
.contactform li select { width: 90%; padding: 3px; height: 28px; }
.contactform li.full select, .contactform li.full input.text { width: 45%; }
.contactform li.full.cbox { margin: 0 0 5px; }
.contactform li.full.cbox label { display: inline; }
.contactform li.full.cbox input { margin: 0 10px 0 0; }
.contactform li.full p { font-size: 12px; color: #454545; }
.contactform li.full span.hint { color: #707070; font-size: 11px; display: block; }
.contactform li.full h3.nomargin { margin: 25px 0 0; }
.contactform li img.captchaImage { margin: 0 0 10px; }
.contactform li input.submit { display: block; width: 30%; margin: 20px 0 0; text-align: center; padding: 5px 0; }
label.required:after, span.required:after , h3.required:after { content: ' *'; color: #900; font-weight: bold; }
/* Contact List */
ul.contact-location-list {  list-style-type: none; margin: 0; padding: 0; } 
ul.contact-location-list li { margin: 0 0 30px; }

/* Site Search */
div#results div.description { border-bottom: 1px solid #DDDDDD; color: #656565; font-size: 1em; line-height: 1.4em; margin: 0 0 15px; padding: 0 0 15px;}
div#results div.url { color: #826739; font-size: 1em; line-height: 1.4em; }
div#results a.title { color: #005941; font-size: 1.2em; line-height: 1.4em; text-decoration: none; }
div#results a:hover { color: #767676; text-decoration: underline; }
/* Search Results */
table.searchBox table.options td{ padding:0;  margin:0;  text-align:left; }
table.searchBox table.options input{ vertical-align:middle; }

/* 3 Column Grids */
.triple-column { list-style: none; margin: 0; padding: 0; }
.triple-column li { display: inline-block; *display: inline; vertical-align: top; margin: 0 2% 4% 0; width: 30.5%; padding-right: 10px; border-right: 1px dashed #CCC; text-align:center; }
.triple-column li p { margin: 0; }

/* 4 Column Grids */
.quad-column { list-style: none; margin: 0; padding: 0; }
.quad-column li { display: inline-block; *display: inline; vertical-align: top; margin: 0 2% 4% 0; width: 22.5%; padding-right: 10px; border-right: 1px dashed #CCC; text-align:center; }
.quad-column li.last { margin-right:0; border:none;}
.quad-column li p { margin: 0; }


/* Location List
-------------------------------------- */
ul.locations { list-style: none; margin: 0; padding: 0; }
ul.locations li { border-bottom: 1px solid #EEE; padding: 0 0 15px; margin: 0 0 15px; }
ul.locations li:last-child { border: 0; padding: 0; margin: 0; }
ul.locations li div.img { float: left; width: 17%; margin: 0 2% 0 0; }
ul.locations li div.right { float: right; width: 81%; }
ul.locations li h2 { margin: 5px 0 10px; }


/* Weather Page */
ul.weather-list { list-style: none; margin: 0; padding: 0; }
ul.weather-list li { float: left; width: 33.3333333333333%; padding: 25px; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
ul.weather-list li:nth-child(even) { background: #f9f9f9; }
ul.weather-list li:nth-child(3n) { padding: 25px; border-right: 0; }


/* Overlays */
.simple_overlay { -moz-box-shadow:0 0 90px 5px #000000; background-color:#333333; border:1px solid #666666; display:none; padding:15px; z-index:10000; }
.simple_overlay .close { background-image:url(https://www.putnambank.com/Images/close.png); cursor:pointer; height:35px; position:absolute; right:-15px; top:-15px; width:35px; }
body .modal { background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; }
body .modal h2 { background:url(../images/info.png) 0 50% no-repeat; margin:0px; padding:10px 0 10px 45px; border-bottom:1px solid #333; font-size:20px; }
.modalsecondary { opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; box-shadow: 0 0 50px #ccc; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.red {color:#F00;}

/* error message */
.info, .valid, .warning, .errors, .validation { border: 1px solid; margin: 10px 0px; padding:8px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url(../images/Info.png); }
.valid { color: #4F8A10; background-color: #DFF2BF; background-image:url(https://www.putnambank.com/images/ValidGreen.png); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url(https://www.putnambank.com/images/Attention.png); }
.errors { color: #D8000C; background-color: #FFBABA; background-image: url(https://www.putnambank.com/images/Cancel.png); }
.validation { color: #D63301; background-color: #FFCCBA; background-image: url(https://www.putnambank.com/images/RemoveRed.png); }


/* Site Map
-------------------------------- */
ul#utilityNav { display: none; }
ul#primaryNav { list-style: none; margin: 0 0 20px; padding: 0; }
ul#primaryNav li { display: block; margin: 0 0 5px; }
ul#primaryNav li a { display: block;  padding: 7px 10px; font: bold 13px Arial, sans-serif; color: #005941; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); background: linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); box-shadow: inset 0 -1px 1px rgba(255,255,255,1), inset 0 1px 0 #FFF, 0 1px 2px rgba(0,0,0,.35); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; text-decoration: none; border-top: 2px solid #005941; }
ul#primaryNav li a:hover { color: #707070; background: #FFF; }

/* Second Level */
ul#primaryNav li ul { list-style: none; margin: 5px 20px 25px; padding: 0; }
ul#primaryNav li ul li { display: block; float: none; width: 100%; margin: 0; }
ul#primaryNav li ul li a { display: block; padding: 7px 0; font: normal 12px Arial, Helvetica, sans-serif; text-transform: none; color: #343434; border-bottom: 1px solid #DDD; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-top: 0; }
ul#primaryNav li ul li a:hover { text-decoration: underline; color: #656565; padding: 7px 10px; background: none; }

/* Third Level */
ul#primaryNav li ul li ul { margin: 5px 0 0 25px; }


/* Typography 
----------------------------------------*/
body, p, ul, ol, dl, input, textarea, select, button { font-family: "Roboto", Arial, Helvetica, sans-serif; color: #454545; }

/* --- Headings --- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "alternate-gothic-no-3-d", Oswald, Arial, serif; }
h1 { color: #22427d; font-size: 48px; border-bottom: 1px solid #DDD; }
h2 { color: #6a6a6a; font-size: 30px; margin: .5rem 0; }
h3 { color: #133d8c; font-size: 25px; margin:0.5rem 0; }
h4 { color:#707070; font-size: 20px; margin:0.5rem 0; }
h5 { color:#133d8c; font-size: 28px; margin:0.5rem 0; }
h6 { color:#666666; font-size: 1rem; margin:0.5rem 0; }

/* --- Text Elements --- */
p { font-size: .813rem; line-height: 1.8em; margin: 0 0 1em; }
abbr, acronym { border-bottom: 1px dotted #000; cursor:help; }
del { color: #000; }
blockquote { margin: 1.5em; }
b, strong { font-weight: bold; }
em, i, dfn { font-style: italic; }
dfn { font-weight: bold; }
hr { color:#CCC; margin:20px; }
sup { vertical-align: super; }

/* --- Lists --- */
ul, ol, dl { font-size: .813rem; line-height: 1.8em; list-style-position:outside; margin: 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
b em, em b, strong em, em strong { font-weight: bold; font-style: italic; }
.nomargin { margin: 0; }

/* --- Tables --- */
table { font-size: .813rem; }

/* ---------------- a Tags ---------------- */
a { color: #952645; text-decoration: underline; }
a:link { text-decoration: underline; color: #952645; }
a:visited { text-decoration: underline; color: #952645; }
a:hover { text-decoration: none; color: #303030; }
a:active { text-decoration: underline; }
a.noLink { text-decoration:none; color:#707070; cursor:text; font-weight:bold; }
a.noLink:hover { color:#707070; }
a.stylish { font-weight: bold; font-style: italic; text-decoration: none !important; font-size: 1rem; text-transform: uppercase; -webkit-transition: .6s; -moz-transition: .6s; margin-left:3px; }
a.stylish hover { margin-left:3px;}
.button { border-radius: 5px; background: #820024; color: #FFF !important; font-size: 12px; font-weight: bold; padding: 7px 10px; text-decoration: none !important; line-height: normal; }


.mobileonly { display: none; }

/* Responsive Tables */
@import url("responsive-tables.css");


/* Media Queries (remove any that you don't need)
----------------------------------------- */
@media only screen and (min-width: 0px) and (max-width: 799px) {
.mobileonly { display: block !important; }
.container { width: 90%; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { width: 100%; }

.alert .container { width: 100%; }
.alert .name { position: static; width: 100%; padding: 10px 5%; }
.alert .description { padding: 1rem 50px 1rem 5%; }
.alert .close {top: auto; margin-top: 0; bottom: 15px; right: 10px;  }

.masthead { text-align: center; }
.masthead .wrapper { background: none; }
.masthead .container { width: 100%; }
.masthead .top p.floatRight, .masthead .top span.resize, .masthead .top span:nth-last-child(2), .masthead div.floatRight p span.desktoponly, .online-banking .fourcol.last label { display: none; }
.masthead p.floatLeft { float: none; }
.masthead a.logo { float: none; }
.masthead a.logo img { display: inline; }
.masthead div.floatRight, .masthead div.socials { margin-top: 0; float: none; text-align: center; }
.masthead div.floatRight p span.sociallinks { display: block; }

.menu .container { margin: 0; width: 100%; }
.menu ul li { display: none; float: none; margin: 0; }
.menu ul li.mobileonly a { display: block; float: none; border: 0; text-align: center; padding: 10px 10px 8px; }

.marketing > .container { width: 100%; padding: 5%; }
.online-banking-login { position: static; width: 100%; }
.online-banking-login input[type="text"] { width: 100%; margin-bottom: 5px; }
.online-banking-login input[type="submit"] { width: 100px; }

.flexslider { height: auto !important; }
ul.slides li .text { position: static; background: #FFF; padding: 15px 0; text-align: center; }
ul.slides li a p { font-size: 24px; color: #343434; text-shadow: none; }

.quicklinks .container { width: 100%; }
.quicklinks ul li { width: 50%; }
.quicklinks ul li a { padding: 65px 0 15px !important; text-align: center; border-bottom: 1px solid rgba(0,0,0,.1); }
.quicklinks ul li:nth-child(odd) a { border-right: 1px solid rgba(0,0,0,.1); }
.quicklinks ul li a.icon-dollar { background-position: 66% 18px; }
.quicklinks ul li a.icon-piggy { background-position: 66% -115px; }
.quicklinks ul li a.icon-checks { background-position: 66% -242px; }
.quicklinks ul li a.icon-laptop { background-position: 62% -372px; }
.quicklinks ul li a.icon-arrow { background-position: 66% -487px; }
.quicklinks ul li a.icon-help { background-position: 66% -614px; }

ul.weather-list li { width: 100%; border-right: 0; border-bottom: 1px solid #EEE; }

.quad-column li {width:100%; border-right:none; border-bottom:1px dashed #ccc; padding-bottom:20px;}
.quad-column li.last {border-bottom:1px dashed #ccc;}

body.index .content .fourcol { margin-bottom: 20px; }
.socialfeed { padding: 15px; }
.socialfeed h2 { margin: -30px auto 30px; font-size: 24px; width: 90%; }
.socialfeed .fb-activity { margin: 0 0 20px; width: 100%; padding: 0 0 20px 60px; border: 0; border-bottom: 1px solid #EEE; }
.socialfeed .wp-activity { width: 100%; padding: 0 0 0 60px; }
.socialfeed a.stylish { margin-top: 10px; }

.footer .sixcol.alignRight {  text-align: left; }
.footer ul.footernav { display: none; }
/* Mobile Menu */
.mobilemenu { display: none !important; position: absolute; width: 280px; left: 0; top: 0; height: 100%; min-height: 100%; background: #5e5e5e; }
.mobilemenu.active { display: block !important; }
.mobilemenu ul { list-style: none; margin: 0; padding: 0; }
.mobilemenu ul li a { display: block; padding: 15px !important; padding-left: 2.2em !important; border-radius: 0 !important; border: 0; border-bottom: 1px solid rgba(0,0,0,.05); color: #FFF; text-decoration: none; font: bold 14px "museo-sans", "Open Sans", Arial, sans-serif; text-shadow: 0 1px 3px rgba(0,0,0,.25); background: transparent !important; margin: 0 !important; }
.mobilemenu ul li.close { border-bottom: 1px solid rgba(0,0,0,.05); }
.mobilemenu ul li.close a { border: 0; }
.mobilemenu ul li a:hover, .mobilemenu ul li a:active { background: rgba(0,0,0,.1) !important; }
.mobilemenu ul li a.ui-state-active { background: rgba(255,255,255,.1) !important; border-color: transparent; }
.mobilemenu ul ul { margin: 0; padding: 0 !important; height: auto !important; background: #464646; border-radius: 0 !important; border: 0; }
.mobilemenu ul ul li a { padding: 10px; color: #ccc; font-size: 13px; }
.mobilemenu ul li a.mobileNavClose { padding: 11px !important; }
.mobilemenu ul li a.mobileNavClose img { display: block; }
.pagewrap { position: relative; left: 0; width: 100%; height: 100%; z-index: 10; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; -o-transition: 1s; box-shadow: 0 0 10px rgba(0,0,0,.35); }
.pagewrap.shift { left: 280px; position: fixed; }

.contactform li { width: 100%; }
ul.locations li div.img, ul.locations li div.right { float: none; width: 100%; }
ol.flex-control-nav { display: none; }
}

@media only screen and (min-width: 480px) and (max-width: 799px) {
.contactform li { width: 50%; }
.quicklinks ul li { width: 33.33333333333%; }
.quicklinks ul li a { border-right: 1px solid rgba(0,0,0,.1); }
.quicklinks ul li:nth-child(3n) a { border-right: 0; }

ul.weather-list li { width: 50%; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
ul.weather-list li:nth-child(3n) { border-right: 1px solid #EEE; }
ul.weather-list li:nth-child(2n) { border-right: 0; }

.quad-column li {width:100%; border-right:none; border-bottom:1px dashed #ccc; padding-bottom:20px;}
.quad-column li.last {border-bottom:1px dashed #ccc;}

}

@media only screen and (min-width: 800px) and (max-width: 959px) {
.container { width: 96%; }
.menu .container { width: 100%; }
.menu ul li { margin-right: 15px; }
.quicklinks ul li { width: 25%; }

.marketing > .container { width: 100%; padding: 5%; }
.online-banking-login { position: static; width: 100%; }
.online-banking-login input[type="text"] { width: 100%; margin-bottom: 5px; }
.online-banking-login input[type="submit"] { width: 100px; }

ul.slides li a p { font-size: 30px; }
}

@media only screen and (device-width: 768px) {
ul.auxlinks li.textResizer, ul.auxlinks li:nth-child(3) span { display: none; }
}