/*
Theme Name: Teamsters Council #37 Federal Credit Union
Theme URI: http://tcu37.com
Author: Digital Sky Design
Description: This is a custom theme built specifically for the TCU website.
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/




/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================p
   Base styles: opinionated defaults
   ================================================n==========o================ */

html {
    color: #282828;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #282828;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Redefine Base HTML Tags */

body,
html {
	height: 100%;
	margin: 0;
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased; /* Gets rid of the heavier weight applied to fonts in Chrome */
}

*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

blockquote {
    margin-left: 1em;
}

label {
	display: inline-block;
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	font-style: normal;
	margin: 0 0 .375em 0;
}

input,
select,
textarea {
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;		
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
textarea {
	width: 100%;
	border: 1px solid #999;
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	padding: .875em;
	margin-bottom: .75em;
}

select {
	width: 100%;
	border: 1px solid #999;
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	padding: .875em .75em;
	margin-bottom: .75em;
	background: url(/wp-content/themes/tcu/images/select-arrow.png) #FFF no-repeat 99% center;	
}

a.button,
input[type=submit],
input[type=button],
input[type=reset] {
	display: inline-block;
	color: #FFF !important;
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	padding: .625em 1em;
	margin: 0;	
	border: 1px solid #253D5C;
	background: #253D5C;
	transition: all 0.2s linear;
	text-decoration: none !important;
}

a.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
	border: 1px solid #F3B34E;
	background: #F3B34E;
	cursor: pointer;	
}

input[type="radio"],
input[type="checkbox"] {
	border: none;
	width: 18px;
	height: 18px;
	margin: 0 0.5em -0.188em 0;
	background: url(/wp-content/themes/tcu/images/checkbox.png) no-repeat;	
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
	background: url(/wp-content/themes/tcu/images/checkbox-checked.png) no-repeat;	
}

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
	font-family: "mr-eaves-xl-modern", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
}

input[type="radio"]:checked + label span,
input[type="checkbox"]:checked + label span {
	font-family: "mr-eaves-xl-modern", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
}

input[type="file"] {
	margin: 0 0 .75em 0;
}

::-webkit-input-placeholder {
	color: #999;
	line-height: 1.25em;
}

:-moz-placeholder {
	color: #999;
	opacity: 1;
	line-height: 1.25em;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
	line-height: 1.25em;
}

:-ms-input-placeholder {
	color: #999;
	line-height: 1.25em;
}

:placeholder-shown {
	color: #999;
	line-height: 1.25em;
}

img {
    max-width: 100%;
	display: inline-block; 
	margin: 0;
	vertical-align: top;	
}

strong {
	font-family: "mr-eaves-xl-modern", Arial, Helvetica, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-style: normal;
}

em {
	ont-family: "mr-eaves-xl-modern", Arial, Helvetica, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: italic;
}

abbr {
	text-decoration: none !important;
}

figure {
	margin: 0;
	padding: 0;	
}

p + h2,
ul + h2 {
	margin-top: .5em !important;
}

p + h3 {
    margin-top: 1em !important;
}

ul + h3 {
	margin-top: .5em !important;
}

ul + p {
	margin-top: .5em !important;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}




/* Page Containers */

#page-container {
	margin: 0 auto;
	max-width: 1200px;
}

#content-container {
	margin-top: 4.688em;
	overflow: hidden;
}




/* Header */

#header {
	width: 100%;
	max-width: 1200px;
	padding: 1em;
	position: fixed;
	z-index: 10;
	top: 0;
	background: #FFF;
}

#logo {
	width: 191px;
	height: 50px;
	background: url(/wp-content/themes/tcu/images/css-sprite.png) -100px -58px no-repeat;
	background-size: 336px 212px;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}




/* Online Banking Login (Mobile ) */

li.online-banking-mobile {
	display: inline-block;
	background: #F3B34E;
	color: #FFF;
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 0 0;
	text-decoration: none;
	border: none !important;
}

li.online-banking-mobile a:hover {
	color: #FFF !important;
}




/* Online Banking Login (Desktop) */
	
#online-banking-login {
	display: none;
}




/* Secondary Navigation */
	
#secondary-navigation {
	display: none;
}




/* Slide-in Mobile Navigation Panel */

#nav-panel {
    position: fixed;
    z-index: 9000;
    top: 5.125em;
    left: 0;
    width: 100%;
	height: 100%;
    padding: 0 1em 1em 1em;
    visibility: hidden;
	background: #253D5C;
}

.transparent-layer {
    position: fixed;
    top: 5.125em;
	left: 0;
	right: 0;
	bottom: 0;
    width: 100%;
	height: 100%;
    background-color: rgba(0,0,0,0.8);
    display: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.nav-panel-button {
    position: fixed;
	top: 0; 
	right: 0;
	margin: 2.088em 1em 0 0;
    background-color: #253D5C;
    height: 3px;
    width: 26px;
    border-style: solid;
    border-color: #FFF;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 0;
    border-right-width: 0;
	cursor: pointer;
    box-sizing: content-box;
	-ms-user-select: none;
    -mos-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.nav-panel-button:before, .nav-panel-button:after {
    background-color: #253D5C;
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    width: 26px;
    height: 3px;
    display: block;
    transition: all .2s linear;
}

.nav-panel-button:after {
    top: 8px;
}

.nav-panel-button.active {
    background-color: #FFF;
}

.nav-panel-button.active:before {
    transform: rotate(45deg);
    top: 0;
}

.nav-panel-button.active:after {
    transform: rotate(-45deg);
    top: 0;
}




/* Mobile Accordion Menu */

.site-navigation ul {
	list-style: none outside;
	margin: 0;
	padding: 0;	
}

.site-navigation ul li:first-child {
	border-top: 2px solid #253D5C;
}

.site-navigation ul li {
	display: block;
	font: normal 400 1.125em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	border-bottom: 2px solid #FFF;
	padding: 0.75em 0;
	overflow: hidden;
}

.site-navigation ul li:hover {
	cursor: pointer;	
}

.site-navigation ul li a {
	color: #FFF;
	display: block;
	text-decoration: none;	
	transition: all 0.2s linear;
}
	
.site-navigation ul li a:hover,
.site-navigation ul li a:focus {
	color: #F3B34E;	
}

.site-navigation ul li li {
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: none;
	border-bottom: none;
	margin-left: 1em;
	padding: .5em 0;
}

.site-navigation ul li li:first-child {
	border-top: none;
	margin-top: 0.5em;
}

li.menu-item-has-children a:after {
	content: "";
	color: #FFF;
    display: inline-block;
	float: right;
    margin-top: 2px;
    margin-right: 12px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-width: 6px; 
    position: relative;
    border-bottom: 6px solid transparent;
    border-right: none;
    border-left-color: initial;
    border-top-color: transparent;
}

li.menu-item-has-children li a:after {
	display: none;	
}

li.sub-menu-active a:after {
	content: "";
	margin-bottom: 2px;
    margin-right: 6px;
    border-bottom: none;
    border-right: 6px solid transparent;
    border-left-color: transparent;
    border-top-color: initial;
}




/* Buttons */

a.button2 {
	display: inline-block;
	background: #F3B34E;
	color: #FFF;
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	padding: .625em 1em;
	margin: 0;
	border-radius: .5em;
	text-decoration: none;
}

a.button2:hover {
	background: #253D5C;
	transition: all 0.2s linear;
}




/* Sitewide Notifcation */

.notification {
	width: 100%;
	display: block;
	padding: 1em;
    text-align: center;
	background-color: #F3B34E;
}

.notification p {
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica, Arial, Helvetica, sans-serif;
	color: #253D5C;
	margin: 0;
}

.notification a {
    color: #253D5C;
    text-decoration: underline;
}

span.line-break {
	display: block;	
}

.urgent-notification {
	width: 100%;
	padding: 1em;
    text-align: center;
    border: 2px solid #ca2600;
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
}

.urgent-notification a {
    color: #ca2600;
    text-decoration: underline;
}

.urgent-notification-header {
    font: normal 600 1.5em/1.25em "mr-eaves-xl-modern", Arial, Helvetica, Arial, Helvetica, sans-serif !important;
}

.urgent-notification p {
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica, Arial, Helvetica, sans-serif;
	color: #ca2600;
	margin: 0;
}




/* Home Page */

#online-banking-login-home {
	margin: .438em 0 .375em 0;
}

#online-banking-login-home a {
	display: block;
	background: #F3B34E;
	color: #FFF;
	font: normal 400 1.125em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	text-align: center;
	padding: .875em 1em;
	text-decoration: none;
	border: none !important;
}

.large-feature {
	position: relative;
}

.large-feature-loan-rates {
	width: 100%;
	position: absolute;
	bottom: 3.5%;
	left: 0;
	opacity: .5;
}

.large-feature-loan-rates a {
	display: block;
	width: 100%;
	padding: .5em;
}

#small-features {
	margin-bottom: 6px;
}

.small-feature {
	margin-top: 6px;
	position: relative;
}

#large-features img,
.small-feature img {
	width: 100%;
	height: 100%;
}

.small-feature-loan-rates {
	width: 65px;
	position: absolute;
	bottom: 4%;
	left: 58px;
}

.small-feature-loan-rates a {
	display: block;
	width: 100%;
	padding: .5em;
}




/* Content Pages */

#banner {
	width: 100%;
	height: 100px;
	margin-bottom: 24px;
	position: relative;
	background-size: cover;
	background-position: center;
}

h1.page-title {
	color: #FFF;
	font: normal 800 2em/.625em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	bottom: .5em;
	left: .5em;
}

h1.page-title-support {
	color: #253D5C;
	font: normal 800 2em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	padding: 0 0 .25em 0;
	margin: 0 0 .375em 0;
	border-bottom: 4px solid #253D5C;
}

#content-col {
	margin: 0 0 2em 0;
	padding: 0 1em;
}

#content-col h2 {
	color: #253D5C;
	font: normal 600 1.25em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	margin: 0;
	padding: 0;
}

#content-col h3 {
	color: #253D5C;
	font: normal 600 1.125em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	margin: 0;
	padding: 0;
}

#content-col p {
	line-height: 1.125em;
	margin: 0 0 .75em 0;
}

#content-col a {
	color: #282828;
	text-decoration: underline;
}

#content-col a:hover {
	color: #F3B34E;
	transition: all 0.2s linear;
}

#content-col ul {
	list-style: square outside;
	margin: 0 0 0 1em;
	padding: 0;
}

#content-col ol {
	list-style: decimal outside;
	margin: 0 0 1em 1.125em;
	padding: 0;
}

#content-col ul li,
#content-col ol li {
	line-height: 1.125em;
}

p.fine-print {
	color: #666;
	font-size: .875em;
}

#intro {
	font: normal 400 1.25em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
	border-bottom: 4px solid #253D5C;
	margin-bottom: 1.5em;
	padding-bottom: .75em;
}






#mobile-rates-col {
	display: block;
	padding: 1.5em;
	margin-bottom: 1.5em;
	position: relative;
	z-index: 1;
	background: url(/wp-content/themes/tcu/images/tcuhorseheads-ratebox.png) #253D5C 220px -14px no-repeat;
}

.mobile-rates-col-img {
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: 1.5em;
}

#mobile-loan-application-col {
	display: block;
	margin: -1.563em 0 1.5em 0;
	background: url(/wp-content/themes/tcu/images/rate-box-extension@2x.jpg) repeat;
	position: relative;
	z-index: 2;
	padding: .5em 1.5em 1.5em 1.5em;
}
	
#mobile-loan-application-col a.mobile-loan-app-button {
	display: inline-block;
	background: #F3B34E;
	color: #FFF;
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	padding: .625em 1em;
	margin: 0;
	border-radius: .5em;
	text-decoration: none;
}








#rates-col {
	display: none;
}

.rates-col-img {
	display: none;
}

#loan-application-col {
	display: none;
}

#resources-col {
	background: #EEE;
}

#resources-col h2 {
	color: #FFF;
	font: normal 600 1.25em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	margin: 0;
	padding: .75em;
	background: #253D5C;
}

#resources-container {
	padding: 1em;
}

p.resource-link {
	font: normal 600 1.25em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	margin: 0;
}

p.resource-link a {
	color: #282828;
	text-decoration: none;
}

p.resource-link a:hover {
	text-decoration: underline;
}

p.resource-description {
	line-height: 1.125em;
	margin: 0 0 .5em 0;
}

p.resource-description a {
	color: #282828;
	text-decoration: underline;
}




/* Gift Card Promotion */

.gift-card-banner {
    padding: .938em;
    background-color: #F3B34E;
    margin-bottom: 1.5em;
}




/* Contact Page */

.contact {
	margin-top: 2em;
}




/* Locations Map */

#wpsl-search-input {
    border: 0 !important;
    border-radius: 0 !important;
}

.wpsl-search {
    background: #EEE !important;
}

.wpsl-dropdown {
	padding: 3px;
	height: 44px;
}

.wpsl-dropdown .wpsl-selected-item,
.wpsl-dropdown li,
.wpsl-selected-item {
    padding: 9px 12px !important;
}

.wpsl-dropdown,
#wpsl-search-wrap .wpsl-dropdown div {
    border: none !important;
    border-top: none !important;
    border-radius: 0 !important;
}

.wpsl-input label,
#wpsl-radius label {
	margin-top: 4px !important;
}

#wpsl-search-wrap input[type=text] {
	border: 1px solid #999 !important;
	border-radius: 0 !important;
	padding: .625em .375em !important;
}

.wpsl-search-btn-wrap{
	margin-right: 0 !important;
}

#wpsl-search-btn {
	display: inline-block !important;
	color: #FFF;
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
	text-transform: uppercase !important;
	padding: .625em 1em !important;
	margin: 0 !important;
	border-radius: 0 !important;
	border: 1px solid #253D5C !important;
	background: #253D5C !important;
	transition: all 0.2s linear !important;
}

#wpsl-search-btn:hover {
	border: 1px solid #F3B34E !important;
	background: #F3B34E !important;	
}

#wpsl-direction-details a {
	display: table;
	color: #FFF;
	font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
	text-transform: uppercase !important;
	padding: .625em 1em !important;
	margin: .5em 0 0 0 !important;
	border-radius: 0 !important;
	border: 1px solid #253D5C !important;
	background: #253D5C !important;
	transition: all 0.2s linear !important;
	text-decoration: none !important;
}

#wpsl-stores a:hover,
#wpsl-direction-details a:hover {
	color: #FFF !important;
	border: 1px solid #F3B34E !important;
	background: #F3B34E !important;	
}

#wpsl-wrap #wpsl-result-list ul {
	margin: 0 !important;
}

#wpsl-wrap #wpsl-result-list li {
    padding: 0 0 1em 0 !important;
	margin: 0 0 1em 0 !important;
}




/* Calculators */

table.calculator {
	width: 100%;
	max-width: 500px;
	border-collapse: separate;
	border-spacing: 1em;
	background: #EEE;
	margin-bottom: 2em !important;
}

table.calculator td {
	padding: 0;
}

table.calculator input {
	margin: 0;
}

table.calculator input.total {
	border: 0;
}




/* Rates */

table.rates {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background: #253D5C;
	margin-bottom: 2em !important;
}

table.rates th {
	color: #FFF;
	font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
	padding: .5em;
	background: #253D5C;
	text-transform: uppercase;
}

table.rates td {
	padding: .5em;
	background: #EEE;
}

table.rates td.left {
	background: #CCC;
}

table.rates p.fine-print:last-of-type {
	margin: 0 !important;
}




/* Footer */

#footer {
	padding: 2em 1em;
	background: #253D5C;
}

.footer-section h4 {
	color: #FFF;
	font: normal 600 1.25em/1em "mr-eaves-xl-modern", Arial, Helvetica;
	text-transform: uppercase;
	margin: 0 0 .5em 0;
	padding: 0;
}

.footer-section ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
}

.footer-section ul li {
	line-height: 1.25em;
}

.footer-section ul li a {
	color: #FFF;
	text-decoration: none;
}

.footer-section ul li a:hover {
	color: #F3B34E;
}

.footer-section {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 4px solid #335379;
}

.facebook {
	width: 50px;
	height: 50px;
	margin-top: .438em;
	display: inline-block;
	background: url(/wp-content/themes/tcu/images/css-sprite.png) 0 -88px no-repeat;
}

.twitter {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-left: .375em;
	background: url(/wp-content/themes/tcu/images/css-sprite.png) -50px -88px no-repeat;
}

.nmls-routing {
	margin: 1.5em 0;
}

.nmls-routing p {
	line-height: 1.25em;
	color: #FFF;
	margin: 0;
}

.equal-housing-ncua {
	width: 198px;
	height: 75px;
	display: inline-block;
	background: url(/wp-content/themes/tcu/images/css-sprite.png) 0 -138px no-repeat;
}

#copyright p {
	font-size: .75em;
	color: #FFF;
	margin: 0;
}

#copyright a {
	color: #FFF;
	text-decoration: underline;
}

#copyright a:hover {
	color: #F3B34E;
}




/* Gravity Forms */

.gform_wrapper {
	overflow: inherit;
	margin: 0;
	max-width: 100%
}

.gform_wrapper ul {
	list-style: none !important;
	margin: 0 !important;	
	padding: 0 !important;
}

.gform_wrapper .hidden_label .gfield_label,
.gform_wrapper label.hidden_sub_label,
.gform_wrapper label.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.gform_wrapper .left_label li.hidden_label input,
.gform_wrapper .right_label li.hidden_label input {
    margin-left: 3.7%
}

.gform_wrapper .hidden_label input.large,
.gform_wrapper .hidden_label select.large,
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large {
    width: 100%
}

.gform_wrapper .gform_footer {
	padding: 0;
	margin: 0;
	clear: both;
	text-align: left;
}

.gform_wrapper .gfield_required {
	color: #900;
	padding-left: .25em;
}

.gform_wrapper .validation_message {
	display: none;
}

.gform_wrapper .gfield_error label {
	color: #0F0;
}

.gform_wrapper .gfield_description {
	margin: 0 0 .75em 0;
}

.alert,
.validation_error {
	margin-bottom: 1em;
	font: normal 600 1em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	color: #b94a48;
}

#gforms_confirmation_message {
	margin-bottom: 1em;
	font: normal 600 1em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	color: #000000;
	background-color: #C2FFC1;
}

.alert,
.alert h4 {
	color: #c09853;
}

.alert h4 {
	margin: 0;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-success h4 {
	color: #468847;
}

.alert-danger,
.alert-error,
.gform_wrapper .gfield_error input[type=text],
.gform_wrapper .gfield_error input[type=tel],
.gform_wrapper .gfield_error input[type=email],
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #b94a48;
}

.gform_wrapper .gfield_error label {
	color: #b94a48;
}




/* Default WordPress Styles */

.alignleft,
.alignright {
	display: block;
	margin: 0 0 1em 0;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {

	/* Default WordPress Styles */

	.alignleft {
		float:  left;
		display: inline-block;
		margin: 0 2em 1em 0;
	}
	
	.alignright {
		float:  right;
		display: inline-block;
		margin: 0 0 1em 2em;
	}
	
}




@media only screen and (min-width: 580px) {
	
	/* Home Page */
	
	.large-feature-loan-rates a {
		padding: .75em;
	}
	
	#small-features {
		overflow: hidden;
	}

	.small-feature {
		float: left;
		width: -moz-calc(50% - 3px);
		width: -webkit-calc(50% - 3px);
		width: calc(50% - 3px);
	}
	
	.small-feature:nth-child(odd) {
		margin-right: 3px;
	}
	
	.small-feature:nth-child(even) {
		margin-left: 3px;
	}
	
	
	
	
	/* Content Pages */
	
	#banner {
		height: 180px;
	}

	#content-col {
		margin: 0;
		float: left;
		width: 52%;
		margin-right: 3%;
	}

	#right-col {
		float: left;
		width: calc(45% - 1em);
	}
	
	#mobile-rates {
		display: none;
	}
	
	#rates-col {
		display: block;
		padding: 1.5em;
		margin-bottom: 1.5em;
		position: relative;
		z-index: 1;
		background: url(/wp-content/themes/tcu/images/tcuhorseheads-ratebox.png) #253D5C 220px -14px no-repeat;
	}

	#rates-col p.first {
		color: #FFF;
		font: normal 400 1.75em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
		text-transform: uppercase;
		margin: 0;
	}

	#rates-col p.first span {
		font-size: .625em;
	}

	#rates-col p.second {
		color: #FFF;
		font: normal 400 1.875em/1.25em "mr-eaves-xl-modern", Arial, Helvetica !important;
		margin: .25em 0 .375em 0;
	}

	#rates-col p.second span {
		color: #F3B34E;	
		font: normal 600 1.25em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
		text-transform: uppercase;
		position: relative;
	}
	
	#rates-col p.second span span {
		display: inline-block;
		color: #F3B34E;	
		font: normal 400 .5em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
		position: absolute;
		top: .313em;
	}

	#rates-col p.third {
		color: #FFF;
		font: normal 400 .875em/1.125em "mr-eaves-xl-modern", Arial, Helvetica !important;
		margin: 0;
	}
	
	#rates-col p.third a {
		color: #FFF;
	}
	
	#rates-col p.tcu-family-title {
		color: #FFF;
		font: normal 400 1.75em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
		text-transform: uppercase;
		margin: 0 0 .75em 0;
	}
	
	#rates-col p.tcu-family-header {
		color: #F3B34E;
		font: normal 600 1.125em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
		text-transform: uppercase;
		margin: 0;
	}
	
	#rates-col p.tcu-family {
		color: #FFF;
		font: normal 400 1em/1.125em "mr-eaves-xl-modern", Arial, Helvetica !important;
		margin: 0 0 1em 0;
	}
	
	#rates-col p.tcu-family:last-child {
		margin: 0;
	}
	
	.rates-col-img {
		display: block;
		width: 100%;
		height: 100%;
		margin-bottom: 1.5em;
	}
	
	#loan-application-col {
		display: block;
		margin: -1.563em 0 1.5em 0;
		background: url(/wp-content/themes/tcu/images/rate-box-extension@2x.jpg) repeat;
		position: relative;
		z-index: 2;
		padding: .5em 1.5em 1.5em 1.5em;
	}
	
	#loan-application-col a.loan-app-button {
		display: inline-block;
		background: #F3B34E;
		color: #FFF;
		font: normal 600 1em/1em "mr-eaves-xl-modern", Arial, Helvetica;
		text-transform: uppercase;
		padding: .625em 1em;
		margin: 0;
		border-radius: .5em;
		text-decoration: none;
	}
	
}




@media only screen and (min-width: 768px) {
	
	/* Sitewide Notifcation */
    
    .notification {
        margin-bottom: 24px;
    }
	
	.notification p {
		font: normal 600 1.125em/1.125em "mr-eaves-xl-modern", Arial, Helvetica, Arial, Helvetica, sans-serif;
	}
	
	
	
	
	/* Home Page */
	
	.large-feature-loan-rates a {
		padding: .75em;
	}

	
	
	
	/* Content Pages */
	
	h1.page-title {
		font: normal 800 2.5em/.625em "mr-eaves-xl-modern", Arial, Helvetica;
	}
	
	h1.page-title-support {
		font: normal 800 2.5em/.75em "mr-eaves-xl-modern", Arial, Helvetica;
		padding: 0 0 .375em 0;
		margin: 0 0 .375em 0;
	}
	
	#content-col h2 {
		font: normal 600 1.5em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	}
    
    #content-col h3 {
		font: normal 600 1.25em/1.125em "mr-eaves-xl-modern", Arial, Helvetica;
	}
	
	#content-col {
		width: 57%;
		margin-right: 3%;
	}

	#right-col {
		width: calc(40% - 1em);
	}
	
}




@media only screen and (min-width: 1024px) {
	
	/* Header */
	
	#header {
		padding: 1em;
		height: 12.125em;
	}
	
	#logo {
		width: 336px;
		height: 88px;
		background: url(/wp-content/themes/tcu/images/css-sprite.png) 0 0 no-repeat;
		background-size: 336px 212px;
	}
	
	
	
	
	/* Online Banking Login (Mobile ) */

	li.online-banking-mobile {
		display: none !important;
	}
	
	
	
	
	/* Online Banking Login (Desktop) */
	
	#online-banking-login {
		display: block;
		position: absolute;
		top: 2em;
		right: 1em;
	}
	
	
	
	
	/* Secondary Navigation */
	
	#secondary-navigation {
		display: block;
		position: absolute;
		top: 5.625em;
		right: 1em;
	}
	
	#secondary-navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#secondary-navigation ul li {
		display: inline-block;
		padding-left: 1em;
		font-size: .875em;
		text-transform: uppercase;
	}
	
	#secondary-navigation ul li a {
		color: #253D5C;
		text-decoration: none;
	}
	
	#secondary-navigation ul li a:hover {
		color: #F3B34E;
	}
	
	
	
	
	/* Slide-in Mobile Navigation Panel */

	#nav-panel {
		position: absolute;
		top: 7.5em;
		left: auto;
		right: 0;
		width: 100%;
		height: 3.125em;
		padding: 0 2.25em;
		text-align: right;
		visibility: visible;
		background: #253D5C;
	}
	
	.nav-panel-button,
	.transparent-layer {
		display: none !important;
	}
	
	
	
	/* Mobile Accordion Menu */
	
	.site-navigation ul li {
		display: inline-block;
		border-bottom: none;
		padding: 0 0 0 1.5em;
	}
	
	.site-navigation ul li a {
		color: #FFF;
		display: inline-block;
		line-height: 2.813em;
	}
	
	.site-navigation ul ul {
		display: none;
		min-width: 140px;
		background-color: #FFF;
		border-left: 1px solid #253D5C;
		border-right: 1px solid #253D5C;
		border-bottom: 1px solid #253D5C;
		position: absolute;
		z-index: 99999999999999999999;
		top: 2.75em;
		left: auto;
		padding: 1em;
	}
	
	.site-navigation ul ul:after {
		bottom: 100%;
		right: 75%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.site-navigation ul ul:after {
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #FFF;
		border-width: 14px;
		margin-left: 132px;
	}
	
	.site-navigation ul li li {
		font: normal 400 1em/1em "mr-eaves-xl-modern", Arial, Helvetica !important;
	}
	
	.site-navigation ul li:hover > ul {
		display: block !important;
	}
	
	.site-navigation ul ul li {
		display: block;
		text-align: left;
		margin-left: 0;
		margin-bottom: .875em;
		padding: 0;
	}
	
	.site-navigation ul ul li:last-child {
		margin-bottom: 0;
	}
	
	.site-navigation ul ul li a {
		color: #253D5C;	
		line-height: 1em;
		cursor: pointer;
	}
	
	.site-navigation ul li li:first-child {
		margin-top: 0;
	}
	
	li.menu-item-has-children a:after,
	li.sub-menu-active a:after {
		display: none;
	}
	
	
	
	
	/* Page Containers */

	#content-container {
		margin-top: 10.625em;
		padding: 1.5em 0;
	}

	
	
	
	
	/* Home Page */
	
	#online-banking-login-home {
		display: none;
	}
	
	.large-feature-loan-rates a {
		padding: 1em;
	}
	
	#small-features {
		overflow: hidden;
		margin: 24px 0 0 0;
	}

	.small-feature {
		float: left;
		width: -moz-calc(50% - 12px);
		width: -webkit-calc(50% - 12px);
		width: calc(50% - 12px);
		margin-top: 0;
	}
	
	.small-feature:nth-child(odd) {
		margin-right: 12px;
	}
	
	.small-feature:nth-child(even) {
		margin-left: 12px;
	}
	
	.small-feature:nth-child(1),
	.small-feature:nth-child(2) {
		margin-bottom: 24px;
	}
	
	
	
	
	/* Content Pages */
	
	#content-col {
		width: 60%;
		margin-right: 3%;
	}

	#right-col {
		width: calc(37% - 1em);
	}
	
	#resources-col h2 {
		padding: .75em 1.25em;
	}

	#resources-container {
		padding: 1.5em;
	}
	
	
	
	
	/* Footer */
	
	#footer {
		padding: 2.25em 2.25em 1em 2.25em;
	}
	
	#footer-inner {
		display: table;
		width: 100%;
	}
	
	.footer-section {
		display: table-cell;
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	
	.footer-section ul li {
		line-height: 1.5em;
	}
	
	.footer-section.sec1 {
		width: 20%;
	}
	
	.footer-section.sec2 {
		width: 25%;
	}
	
	.footer-section.sec3 {
		width: 25%;
	}
	
	.footer-section.sec4 {
		width: 30%;
	}
	
	.footer-section.sec1,
	.footer-section.sec2 {
		border-right: 4px solid #335379;
	}
	
	.footer-section.sec2,
	.footer-section.sec3 {
		padding: 0 3em;
	}
	
	.footer-section.sec4 {
		text-align: right;
	}
	
	#copyright {
		display: block;
		width: 100%;
		margin-top: 2em;
		text-align: right;
	}
	
	#copyright p br {
		display: none;
	}
	
}




@media only screen and (min-width: 1200px) {
	
	/* Content Pages */

	#content-col {
		width: 760px;
		margin-right: 40px;
	}

	#right-col {
		width: 400px;
	}
	
	
	
	
	/* Footer */
	
	#footer {
		background: url(/wp-content/themes/tcu/images/tcuhorseheads.png) #253D5C 650px 48px no-repeat;
	}
	
}




@media only screen and (min-width: 1230px) {
	
	/* Header */
	
	#header {
		padding: 1em 0;
	}
	
	
	
	
	/* Online Banking Login (Desktop) */
	
	#online-banking-login {
		right: 0;
	}
	
	
	
	
	/* Secondary Navigation */
	
	#secondary-navigation {
		right: 0;
	}
	
	
	
	
	/* Content Pages */

	#content-col {
		padding: 0;
	}
	
	
	
	
	/* Footer */
	
	#footer {
		background: url(/wp-content/themes/tcu/images/tcuhorseheads.png) #253D5C 650px 48px no-repeat;
	}
	
}




/* ==========================================================================
   Serve high resolution images to all devices that use retina displays.
   ========================================================================== */

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	
	#logo {
		width: 191px;
		height: 50px;
		background-size: 336px 212px !important;
		background: url(/wp-content/themes/tcu/images/css-sprite@2x.png) -100px -88px no-repeat;
	}
	
	.facebook {
		background-size: 336px 212px !important;
		background: url(/wp-content/themes/tcu/images/css-sprite@2x.png) 0 -88px no-repeat;
	}
	
	.twitter {
		background-size: 336px 212px !important;
		background: url(/wp-content/themes/tcu/images/css-sprite@2x.png) -50px -88px no-repeat;
	}
	
	.equal-housing-ncua {
		background-size: 336px 212px !important;
		background: url(/wp-content/themes/tcu/images/css-sprite@2x.png) 0 -138px no-repeat;
	}
	
	select {
		background-size: 20px 20px !important;
		background: url(/wp-content/themes/tcu/images/select-arrow@2x.png) #FFF no-repeat 99% center;	
	}

	input[type="radio"],
	input[type="checkbox"] {
		background-size: 18px 18px !important;
		background: url(/wp-content/themes/tcu/images/checkbox@2x.png) no-repeat;	
	}
	
	input[type="radio"]:checked,
	input[type="checkbox"]:checked {
		background-size: 18px 18px !important;
		background: url(/wp-content/themes/tcu/images/checkbox-checked@2x.png) no-repeat;	
	}
	
}




@media all and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) {
	
	#logo {
		width: 336px;
		height: 88px;
		background-size: 336px 212px !important;
		background: url(/wp-content/themes/tcu/images/css-sprite@2x.png) 0 0 no-repeat;
	}
	
}




@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }