@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700);
@import url('normalize.css');

/* ----------------------------------------------------------
    Client Name CSS
    Version 1.0

    TABLE OF CONTENTS

    01 - BASE STYLES
    02 - DO NOT DISPLAY
    
    COLOR GUIDE (Main Site Colors and their Hex Codes)
    Main Blue: #002E6D
    Text Gray: #373737
    
---------------------------------------------------------- */

/* 01 = BASE STYLES
---------------------------------------------------------- */

body {
    color: #666;
    font-family: 'Arial', 'Helvetica', sans-serfi;
    font-size: 62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

.gigantic{font-size: 30px;}

h1,
.huge {
    font-size: 24px;
}

h2,
.large {
    font-size: 20px;
}

h3,
.big {
    font-size: 16px;
}

h4,
.normal {
    font-size: 12px;
}

h5,
.small {
    font-size: 10px;
}

h6,
.tiny {
    font-size: 8px;
}

p {
    font-size: 12px;
    line-height: 20px;
}

a {
    text-decoration: none;
	color: #666;
}

ul,
ol {
    padding-left: 15px;
}

.right,
.align-right {float: right;}

.left,
.align-left {float: left;}

.clear {clear: both;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* 02 = DO NOT DISPLAY
---------------------------------------------------------- */

#top-nav, #header h1, .nav, .search-wrapper, #billboard,  #home-media, #home-news, .footer-nav, .sub-nav, #footer, .alert-section, .site-menu, .search-section, .magnets-section, .newsroom-section a.normal, .newsroom-section a.read-more, .social-feeds, .footer-social > ul, .newsletter-section, .events-section  {display:none;}

.ada-comp {background-color: #666; display: inline-block; margin-top: 15px;}

#content ul, #content ol {
	margin-left: 15px;
	line-height: 20px;
}
	
	#content h1, #content h2, #content h3 {
		color: #002E6D;
		font-family: 'Roboto', sans-serif;
		}
	
	#content h1 {
		font-size: 26px;
	}
	
	#content h2 {
		font-size: 22px;
		margin-left: 0;
	}
	
	#content h3 {
		font-size: 20px;
	}
	
	#content h3.post {
		margin-bottom: 0px;
	}
	
	#content h4 {
		color: #002E6D;
		font-size: 18px;
		border-bottom: 1px dotted #666;
		padding-bottom: 5px;;
	}
	
	#content h5, #content h6 {
		color: #000;
		font-size: 16px;
	}
	
	#content p.small {margin-top: 0;}

#content #blog-sidebar {
	float:right;
	width: 200px;
	padding-left: 10px;
	
}

#content #posts-wrapper {
	margin-right: 220px;
	border-right: 1px solid #ddd;
	padding-right: 10px;
	}
.newsroom-section h2 {
	max-width: calc(100% - 105px);
	display: inline-block;
	margin-bottom: 0;
}

.newsroom-section a.normal {
	margin-top: 40px;
}

.newsletter-section .global-width,
.newsroom-section .global-width,
.events-section .global-width {
	padding: 5px;
	position: relative;
	z-index: 5;
}

ul.news-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

li.news-item {
	display: table;
	width: 100%;
	padding: 10px 0 20px;
}

li.news-item div.news-item-img {
	padding-right: 20px; 
}

li.news-item > div {
	display: table-cell;
	vertical-align: top;
}

li.news-item p {
	margin: 5px 0 10px;;
	color: #666;
}

li.news-item p.big {
	padding-right: 70px;
	margin: 0;
	font-weight: 600;
}

a.read-more {
	font-family:'Roboto Condensed', sans-serif;
	font-size: 14px;
}

li.news-item a,
li.news-item a:visited {color: #8F1336;}

li.news-item a:hover {color: #6B1029;}

li.news-item .date {margin-top: 2px;}