/* CSS Styles defined below will override style.css */

/* Fixes responsive design when no sidebar is included on page. */
article.wide {
    width: 100%!important;
    overflow: hidden;
}
.bottomlinks{
    width: auto!important;
}
.footlogos{
    width: auto!important; 
}
/* GLOBAL CHANGES */
.btn-primary {
    color: #fff!important;
    background-color: #00549f!important;
    border-color: #c2d832!important;
}
.btn-primary:hover, .btn-primary:focus {
    color: #00549f!important;
    background-color: #c2d832!important;
    border-color: #00549f!important;
}
/* Fixes issue with the menu overlapping lity modal popup */
/*Also several media queries to align the top links and social icons at the top of all devices*/
@media only screen and (max-width: 799px) { 
    .menu { z-index: 1001!important; 
    }
/*    .toplinks {
    	width: 300px;
    			float: right;
    			position: relative;
    			right: 15px;
    		}
    .right{
    	width:300px;
    }*/

}
/*@media only screen and (max-width: 375px) and (min-width: 375px) { 
    .toplinks {
    	width: 345px;
    			float: right;
    		}
    .right{
    	width:370px;
    }
}
@media only screen and (max-width: 360px) and (min-width:360px) { 
    .toplinks {
    	width: 325px;
    			float: right;
    		}
    .right{
    	width:360px;
    }
}
@media only screen and (max-width: 414px) and (min-width:411px) { 
    .toplinks {
    	width: 405px;
    			float: right;
    		}
    .right{
    	width:405px;
    }
}
@media only screen and (min-width: 709px) and (max-width: 709px) { 
    header {
    	min-height:160px!important;
    }
    .right{
    	width:535px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 800px) { 
	.hb{display: none;}
    .right{
    	width:400px!important;
    		position: relative;
    		right: 15px;
    	}
    .socmed {
    	margin: -5px 10px 0 140px;
    }
    .sitesearch{
    	position: relative;
    	left:120px;
    	bottom: 0;
    	top:95px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 320px) { 
    .toplinks {
    	width: 315px;
    			float: right;
    		}
    .right{
    	width:315px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) { 
	header{
		min-height: 160px!important;
	}
}*/




/* Hides the Call Us link on desktop and shows it on mobile */
span.pipe:last-of-type { display: none; }
@media only screen and (max-width: 710px) {
    span.pipe:last-of-type { display: inline; }
    span.mobi { display: inline!important; }
}
/*CSS styling for Mobile Wallet Page*/
.mobile-title{
    text-align: center;
}
.divider{
    color: #00549f;
    height: 10px;
    background-color: #00549f;
    border-top: 0 none;
}
.mobile-trademark{
    font-style:italic;
    font-size: 11px;
    color:#0c5460!important;
}
/*Styling for account agreement page*/
h2.disclosures{
    background-color: #00549f;
    color: white;
    border-radius: 5px;
    text-align: center;
    padding: 3px;
    font-family: helvetica, arial, sans-serif;
}
/*Widens the top links section to include FAQs*/
/*@media only screen and (max-width: 799px){
    .right {
        width: 270px;
    }
}*/
@media only screen and (min-width: 800px) {
    .right {
        width: 510px;
    }
}
/*ADA compliant hyperlinks*/
a.btn.btn-outline-primary.btn-lg, a.btn.btn-primary, a.btn.btn-outline-light.btn-lg.m-2, a.btn.btn-outline-primary, a.btn.btn-outline-light.text-white {
    text-decoration: none!important;
}
a {
    text-decoration: underline!important;
}

/*change background color of the disclosure that appears on every page*/
.blueonblue{
    background-color: #f8f9fa!important;
}
/*centers the ADA disclosure at the bottom of the page.*/
.liner{text-align:center;}