/* Styles for Return Website */
/* Heading Styles */
 h1.headline {
	 margin: 0;
	 -webkit-font-smoothing: antialiased;
	 font-size: 2.5rem;
	 font-weight: 900;
	 font-style: normal;
	 line-height: 2rem;
	 margin-bottom: .7rem;
	 font-family: 'montserrat';
	 text-transform: uppercase;
	 color: #c8102e;
}
 .text-widget h2 {
	 margin: 0;
	 -webkit-font-smoothing: antialiased;
	 font-size: 1.5rem;
	 line-height: 2rem;
	 margin-bottom: .7rem;
	 margin-top:3rem;
	 font-family: 'montserrat';
	 text-transform: uppercase;
	 color: #c8102e;
	 border-bottom: 2px solid #00205B;
}
 .text-widget h3 {
	 font-weight: 100;
	 -webkit-font-smoothing: antialiased;
	 font-style: italic;
	 color: #828282;
	 margin-top: .2rem;
	 font-size: 1.4rem;
	 line-height: 1.8rem;
	 margin-top: 2rem;
}
/* test accordion styles */
 .acc-toggle {
	 background: #00205b;
	 color: #fff;
	 margin-top: 10px;
	 border-radius: 10px;
	 padding: 15px 40px 15px 15px;
}
 li.acc-toggle:hover {
	 background: #354d7c;
	 color: #fff;
}
 .acc-toggle span.icon-plus, .acc-toggle span.icon-minus {
	 transition: all;
}
 .acc-content {
	 border-radius: 10px;
}
 .acc-toggle .label {
	 background-color: #fff;
	 color: #00205b;
}
/* Feature Box */
.feat-box {
    margin: 1rem 0;
	padding: 1.5rem;
	background-color: #f0f3f9;
	overflow: auto;
}
.feat-box h2 {
	 margin: 0;
	 -webkit-font-smoothing: antialiased;
	 font-size: 1.5rem;
	 line-height: 2rem;
	 margin-bottom: .7rem;
	 font-family: 'montserrat';
	 text-transform: uppercase;
	 color: #c8102e;
	 border-bottom: 2px solid #1D428A;
}
.feat-box p {
	 color: #121c2d;
	 font-size: 0.8125rem;
	 font-weight: 300;
	 line-height: 1.25rem;
}
.feat-box iframe {
    border-bottom: 5px solid #c8102e;
}

/* image float */
 .img-left {
	 float: left;
	 width:300px;
	 padding: 5px 10px 5px 0px;
	 margin-right: 15px;
	 clear: both;
}
 .img-right {
	 float: right;
	 width:300px;
	 padding: 5px 0px 5px 10px;
	 margin-left: 15px;
	 clear: both;
}

 @media screen and (max-width: 900px) {
	 .img-left, .img-right {
		 width:200px;
	}
}
 @media screen and (max-width: 500px) {
	 .img-left, .img-right {
		 width:300px;
		 float: none;
		 display: block;
		 padding: 10px 0;
		 margin-right: auto;
		 margin-left: auto;
	}
}
/* Dashboard Styles */
 .dashboard{
	 margin-top:2rem;
}
 .dashboard h4{
	 font-size: 20px;
	 line-height: 24px;
	 text-align: center;
	 padding: 15px 0;
	 margin: 0;
	 background: #c8102e;
	 color: #ffffff;
}
 .dashboard-table table {
	 border: 1px solid #ccc;
	 border-collapse: collapse;
	 margin: 0;
	 padding: 0;
	 width: 100%!important;
	 table-layout: fixed;
}
 .dashboard-table table tr {
	 background-color: #f8f8f8;
	 border: 1px solid #ddd;
	 padding: .35em;
}
 .dashboard-table table th, .dashboard-table table td {
	 padding: .625em;
	 text-align: center;
}
 .dashboard-table table th {
	 font-size: 1em;
}
 .dashboard-table table td {
	 font-size: 2em;
}
 @media screen and (max-width: 600px) {
	 .dashboard-table table {
		 border: 0;
	}
	 .dashboard-table table thead {
		 border: none;
		 clip: rect(0 0 0 0);
		 height: 1px;
		 margin: -1px;
		 overflow: hidden;
		 padding: 0;
		 position: absolute;
		 width: 1px;
	}
	 .dashboard-table table tr {
		 border-bottom: 3px solid #ddd;
		 display: block;
		 margin-bottom: .625em;
	}
	 .dashboard-table table td {
		 border-bottom: 1px solid #ddd;
		 display: block;
		 font-size: 1.2em;
		 font-weight:bold;
		 text-align: right;
	}
	 .dashboard-table table td::before {
		 content: attr(data-label);
		 float: left;
		 font-weight:normal;
		 font-size:.9em;
	}
	 .dashboard-table table td:last-child {
		 border-bottom: 0;
	}
}
 .dashboard-table h4 {
	 font-size: 20px;
	 line-height: 24px;
	 text-align: center;
	 padding: 15px 0;
	 margin: 0;
	 background: #c8102e;
	 color: #ffffff;
}
 @media screen and (max-width: 1080px) {
	 div#chart {
		 zoom:0.6;
		 margin-left:-16%;
	}
}

/* Table Styles */

.blue-table { 
	width: 100%; 
	padding: 0px;
}

.blue-table th {
	background-color: #00205b; 
	color: #ffffff; 
	font-family: montserrat; 
	font-weight: 400; 
	font-size: 24px; 
	text-transform: uppercase; 
	padding: 20px; 
	border: solid 1px #00205b;
	text-align: left;
	width: 100%;
}

.blue-table td {
	padding: 20px; 
	vertical-align: top; 
	width: 33%; 
	border: solid 1px #00205b; 
	text-align: center;
}