@import url(https://fonts.googleapis.com/css?family=Cabin:700,400,600,700italic,500,500italic,600italic,400italic);

/* 12 COLUMN GRID SYSTEM
------------------------------------------------------------------------ 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ------------------------------------------------------------------ */
	@media screen and (min-width: 0px) and (max-width: 1000px) {
		.s4-tn ul.root > li.static > .menu-item { 
			font-size: 14px !important;   
		}
	}

/*  0px - 400px ------ Smart Phone SMALL ------- */
    @media screen and (min-width: 0px) and (max-width: 400px) {

	li.aba-cart { display: none; }

    }

/*  0px - 759px  ----- SMALL -------*/
	
    @media screen and (min-width: 0px) and (max-width: 759px) {
		
	/* Home - Get Started and Get Involved */
	div.carousel {width:100%;height:100%;}
	div.home-carouselright {clear:both;width:100%;float:none;}
	div.home-left-right-column {width:100%;clear:both;position:static;}
	div.home-left, div.home-center {width:100%;clear:both;}
	div.home-right {width:100%;padding:0;margin:0;}
	div.home-column-outercontainer {height:auto;}
	div.nav-carousel-container {text-align:center;width:100%;}
	
		
	/* Utility */
	#header {width:97% !important;text-align:center;}
	#header .aba-logo {clear:both;height:50px;padding-top:25px}
	#header ul#toputility-small {float:right;margin:0;padding:0;}
	#header #eyebrow-nav {float:none;width:320px;margin:0;}
	
	ul.login-box {display:none;}
	
	/* Gold box */
	div.gold-box {width:94%;margin:0 10px 20px 10px;}
	
	/* Maroon box */
	div.maroon-smallbox {float:none;width:91%;margin:0px 0px 20px 20px;}
	
	/*Homepage promo box */
	div.promo-box {width:94%;margin:20px 10px 20px 10px;}
	
	/* Fix margin */
	div.home-column-container, div.footerbottom-left, div.footerbottom-middle, div.footerbottom-right  {margin:0 10px;width:94%;}
	div.home-right {margin:0 10px}
	div.ticker {margin:0 0 10px 10px;width:97%;}

	/* Trending Issues */
	div.trending-issues {width:94%;margin:20px 20px 0 10px;}
	div.trending-issues ul {width:100%;background:url(../images/back-light-gray-smallscreen.png) repeat-y;}
	div.trending-issues li:hover {width:100%;
	 background:url(../images/back-dark-gray-smallscreen.png) repeat-y;
	}
	
	/* Internal columns */
	div.internal-left-column, aside.internal-right-column {width:96.7%;}
	div.internal-left-column {margin:20px 0 0 0;float:left;}
	div.internal-middle-column {width:93.5%;float:left;margin:-20px 10px 0 10px;}
	aside.internal-right-column {float:left;width:95%;margin:-10px 10px 20px 10px;}
	
	div.internal-left-middle-container {width:100%;float:none;}

	/* Aside left */
	#aside-left #leftcolumn_nav {position:relative;left:10px;}
	
	/* Main area */
	.not-front #copy {width:97%;margin:0 10px;}
	.not-front #aside-right {width:95%;float:right;margin:0 10px 0 0;}
	.not-front #copy .ad .ad-text {margin:0;width:100%;padding:10px 0px 0 0px;}
	
	#copy .doddfrank-calendar {width:100%;}
	
	.not-front #aside-right div.gold-box {margin:0 0 20px 0;}
	#copy div.gold-box {text-align:center;width:100%;}
	#copy .ad-logo {width:98%;margin:20px 0 0 0;}
	#copy .ad h2 {margin:0}


	
	
	/* Footer */
	img.footerlogo {padding:0 10px 0 0;}
	div.footerbottom-middle, div.footerbottom-right {margin:10px 10px 0 10px;}
	
	/* Hide regular search bar from eyebrow utility*/
	#utility_search_box {display:none;}
	
	/* Hide large carousel image */
	img.carousel-large {display:none;}
	
	/* Hide breadcrumbs */
	.breadcrumb {display:none;}
	
	/* Hide side bar nav drop down links */
	#aside-left #leftcolumn_nav {display:none;}
	
	#aside-left {width:100%;text-align:center;margin-top:20px;}
	
	/* Hide Trending Issues text */
	.trending-issues-text-container {display:none;}
	
	/* Hide Ticker */
	div.ticker {display:none;}
	
	.s4-tn ul.root > li.static > .menu-item { 
		padding-top: 6px; 
		padding-bottom: 8px; 
		padding-left: 5px;
		padding-right: 5px;  
	}
}
	
	
    /* MEDIUM --------------
------------------------------------------------------------- */

@media screen and (min-width: 760px) and (max-width: 959px) {
    	
	/* Home */
	div.carousel {width:100%;height:100%;}
	div.home-carouselright {clear:both;width:100%;float:none;}
	div.home-left-right-column {width:100%;clear:both;position:static;}
	div.nav-carousel-container {margin:10px 10px 0 0;}
	div.home-right {width:48%;float:left;clear:both;}
	div.home-column-outercontainer {display:inline;overflow:hidden;width:100%;}
	
	.row#feature-nav {padding-top:0;margin-top:0;}

	/*Homepage promo box */
	div.promo-box {display:inline-block; width:47%;margin:20px 10px 20px 10px;}
	        
	/* Gold box */
	div.gold-box {width:47%;float:left;margin:0px 10px 20px 10px;} 
	
	/* Maroon box */
	div.maroon-smallbox {width:96%;margin:20px 0 20px 0;}
	
	/* Utility nav */
	#eyebrow-nav {position:relative;top:-20px;}
	#eyebrow-nav #utility_search_box {clear:both;float:right;position:relative;top:7px;right:10px;}
	
	/* Fix margin */
	div.ticker {margin:0 10px 10px 10px;width:97.5%;}
	div.home-right {margin:0 10px}
	div.get-started {width:47%;float:left;margin:0 10px;}
	div.get-involved {width:47%;float:right;margin:0 10px;}
	
	/* Trending Issues */
	div.trending-issues {width:97.5%;margin:20px 10px 0 10px;}
	
	/* Internal columns */
	div.internal-left-column, div.internal-middle-column, aside.internal-right-column {width:48%;}
	div.internal-left-column {margin:20px 0 0 0;float:left;}
	div.internal-middle-column {float:left;}
	aside.internal-right-column {float:right;width:48.5%;margin:0 10px 20px 0;}
	
	div.internal-left-middle-container {width:100%;float:none;}
	
	/* Aside left */
	#aside-left #leftcolumn_nav {position:relative;left:10px;}
	
	/* Main area */
	.not-front #copy {width:68%;}
	.not-front #aside-right {width:70%;margin:0 20px 0 0;}
	.not-front #copy .ad .ad-text {margin-left:50px;padding:30px 10px;width:35%;}
	
	.not-front #aside-right div.gold-box {margin:0 0 20px 0;}
	
	/* Trending Issues */
	#basel-text, #fair-text, #credit-text, #qualified-text, #mortgage-text, #issues-text  {margin-top:-50px;left:33%;width:400px !important;}
		
	/* Footer */
	div.footerbottom-right {padding:10px 0 0;}
	div.footerbottom-middle {padding:0 0 0 5px;}
	div.footerbottom-middle, div.footerbottom-left, div.footerbottom-right {width:48%;margin:0 0 0 10px;}
	
	
	
	
	/*Hide top utility bar links*/
	ul#toputility-small {display:none;}
	
	/* Hide for small search */
	ul.small-search {display:none;}
	
	/* Hide for Carousel image */
	div.home-carousel-small {display:none;}
	
	/* Hide breadcrumbs */
	.breadcrumb {display:none;}
	
	/* Hide sidebar nav drop down links */
	#aside-left select {display:none;}
	
	/* adjust global navigation links */
	/*-OLD *//* .s4-tn li.static { width: 12%; display:table-cell; vertical-align: middle;}*/
	.s4-tn li.static { width: 12%; vertical-align: middle;}
	.s4-tn li.static:last-child { width: 16%; }
	.s4-tn li.static .menu-item, .s4-tn li.static .menu-item .additional-background, .s4-tn li.static .menu-item .menu-item-text {
		white-space: normal !important;
	}
	
		/* navigation */
	.s4-tn ul.dynamic li a {
		font-size: 12px;
	}
	
	.s4-tn ul.dynamic li {
		min-width: 131px;		
	}

	
}


/*--------- LARGE -------------
-----------------------------------------------------------------*/

@media screen and (min-width: 960px) and (max-width: 1000px) {
        
	/* Home - Get Started and Get Involved */
	div.home-column-container {width:67.7%;}
	
	
	/* Hide drop down for desktop */
	div.footer-left select, div.footer-middle select, #aside-left select {display: none;}
	
	/*Hide top utility bar links*/
	ul#toputility-small {display:none;}
	
	/* Hide for small search */
	ul.small-search {display:none;}
	
	/* Hide for Carousel image */
	div.home-carousel-small {display:none;}
	
	
	/* Homepage left and middle columns */
	div.home-left-right-column {width:700px;}
	
	
	/*Homepage promo box */
	div.promo-box {display:inline-block; width:45.6%;margin:20px 20px 0 0;}
	        
	/* Gold box */
	div.gold-box {width:45.6%;float:left;margin:20px 20px 0 0;}
     
}
    

    
    
/* ---------- INFINITY ------------- 
---------------------------------------------------------------- */
      
@media screen and (min-width: 1000px) {
        
  /* Hide drop down for desktop */
	div.footer-left select, div.footer-middle select, #aside-left select {display: none;}  
	
	/*Hide top utility bar links*/
	ul#toputility-small {display:none;}
	
	/* Hide for small search */
	ul.small-search {display:none;}
	
	/* Hide for Carousel image */
	div.home-carousel-small {display:none;}
	
	/* Homepage left and middle columns */
	div.home-left-right-column {width:700px;}
	
	/*Homepage promo box */
	div.promo-box {display:inline-block; width:46.6%;margin:20px 20px 0 0;}
	        
	/* Gold box */
	div.gold-box {width:46.6%;float:left;margin:20px 20px 0 0;}  
	
	/* Hide drop down for desktop */
	div.footer-left select, div.footer-middle select, #aside-left select {display: none;}
        
}