/* HEADER AREA */
.banner-ad {
	background-color: transparent;
}

.research-header .blue-text-area {
	background-color: #557592;
	color: #fff;
	position: relative;
	z-index: 10;
	padding:30px 80px;
}

.research-header .magazine-artwork img {
	width: 100%;
	display: block;
}

.research-header .single-article-header{
	margin: 24px 0 8px 0;
}

.research-header .article-dek {
	margin-bottom: 30px;
}

.research-header .article-info .pipe {
	padding-left: 6px;
	padding-right: 6px;	
}

/* Reseach Nav */
.research-nav .nav-header  {
	font-family:Roboto Condensed;
	font-size: 2.0rem;
	padding-left: 19px;
}

.research-nav .nav-items li {
	position: relative;
	margin-top:8px;
	margin-bottom: 8px;
	line-height: 1.4em;
	padding-left: 19px;
}

.research-nav .nav-items li a {
	position: relative;
	z-index: 20;
}

.research-nav .nav-items li:hover,
.research-nav .nav-items li.active {
	border-left: 4px solid #CC1528;
	padding-left: 15px;
}

.research-nav > .nav-header {
	padding-left: 15px;
}

.research-nav .nav-items li ul,
.research-nav .nav-items li .list-container {
	display: none;
	position: absolute;
	left:calc(100% + 25px);
	top:0;
	min-width: 600%;
	padding:20px 20px 10px 0;
	border: 1px solid #B1B1B1;
	background-color: #fff;
	z-index: 100;
	box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.05);
}

.research-nav .nav-items li ul.small-list {
	width: auto;
	min-width: 200%;
}

.research-nav .nav-items li:hover ul,
.research-nav .nav-items li:hover .list-container {
	display: flex;
}

.research-nav .nav-items li:hover .list-container > ul {
	display: block;
	position: static;
	padding:0;
	border: none;
	background-color: #fff;
	z-index: 100;
	box-shadow: none;
	min-width: 0;
}

.research-nav .nav-items li:hover .hover-holder {
	position: absolute;
	right: -30px;
	height: 55px;
	bottom: -25px;
	width: 95%;
	z-index: 10;
}

.research-nav .nav-items li li {
	margin:0 -6px 10px 6px;
}

.research-nav select {
	padding:5px 15px;
	background-color: transparent;
	color: rgba(0,0,0,0.5);
	border: none;
	width: 100%;
}

.research-nav select option {
	background-color: #fff;
}

.research-nav .social-media {
	margin:40px 0 30px 0;
}

.research-nav .social-media ul {
	display: flex;
	justify-content: space-between;
}

.research-nav .social-media li:not(:first-child) {
	padding: 0 5px;
	color: rgba(0,0,0,0.5);
	font-size: 1.8rem;
}

.research-nav .social-media li:last-child {
	display: none;
}

.banner-ad.header-ad {
	margin:0;
	padding:30px 0 0 0;
}

/* Research Cotnent area */

.new-research-tables .heading {
	text-transform: uppercase;
}

.new-research-tables .research-header {
	font-family: 'Roboto Slab';
	font-size: 3.6rem;
	letter-spacing: -0.3px;
	line-height: 1.4em;
}

.new-research-tables .provider-bottom-content {
	margin-top: 40px;
}

.shopify-button-container {
	margin-top:40px;
}

.shopify-button-container .shopify-button {
	padding:8px;
	color: #fff;
	background-color: #FF7070;
	border-radius: 40px;
	font-size: 1.2rem;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	transition: background-color 0.5s, border 0.5s;
	letter-spacing: 0.25px;
}

.shopify-button-container .shopify-button:hover {
	background-color: #FF3B3B;
	color: #fff;
	border-color: #FF3B3B;
}

.shopify-button-container .shopify-info {
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.6);
	color: rgba(0,0,0,0.6); 
}

.shopify-button-container .shopify-info:hover {
	background-color: transparent;
	color: #FF3B3B;
	border: 1px solid #FF3B3B;
}


a.anchor-link {
	position: relative;
	display: block;
	visibility: hidden;
	top: -70px;
}

.store-callout {
	border-bottom: 1px solid #ccc;
}

/*********************
**********************
LEGACY TABLE STUFF 
*********************/
/* ============ TABBED TABLES
=============================*/
.tabbed-tables {
	margin:24px 0;
}
.tabbed-tables .headers,
.tabbed-tables .tables {
	position:relative;
}
.tabbed-tables .headers {
	font-size:0;
	z-index: 10;
	bottom: -1px;
	border-bottom: 1px solid #DCDCDC;
}

.tabbed-tables .headers h2 {
	display:inline-block;
	padding-bottom: 15px;
	font-size: 1.6rem;
	margin:0 2%;
	line-height: 1.3em;
	font-weight: 600;
	width: 13.333%;
	vertical-align: bottom;
	cursor: pointer;
	border-bottom: 3px solid #fff;
}
.tabbed-tables .headers h2:first-child {
	margin-left: 0;
}
.tabbed-tables .headers h2:last-child {
	margin-right: 0;
}
.tabbed-tables .headers h2.active {
	border-bottom: 3px solid red;
}
.tabbed-tables .tables table .vertical-header div,
.tabbed-tables .tables table .vertical-header p {
	transform: rotate(-45deg);
	width: 300px;
	text-align: left;
	transform-origin: 0 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2em;
}
.tabbed-tables .tables {
	margin-top: 160px;
}

.new-research-tables .tabbed-tables .bic  th:first-child, 
.new-research-tables .tabbed-tables .bic  td:first-child {
	width: 25%;
	text-align: left;
}

.new-research-tables .tabbed-tables .bic  th:not(:first-child), 
.new-research-tables .tabbed-tables .bic  td:not(:first-child) {
	width: 6%;
	text-align: left;
}

.new-research-tables .tabbed-tables .bic td span {
	position: absolute;
}

.tabbed-tables .tables table {
	opacity: 0;
	transition: opacity, 0.3s;
	z-index: 0;
	display: none;
	margin-top: 0;
	font-size: 1.6rem;
	table-layout: fixed;
}
.tabbed-tables .tables table.show {
	opacity: 1;
	z-index: 1;
	display: table !important;
}
.tabbed-legend .table-note {
	font-size: 1.5rem;
}

.md-size .tabbed-tables .headers h2,
.sm-size .tabbed-tables .headers h2 {
	width: 43%;
	margin-left: 0; 
	margin-right: 0;
	text-align: left !important;
}

.md-size .tabbed-tables .tables,
.sm-size .tabbed-tables .tables {
	margin-top: 210px;
}

.md-size .tabbed-tables .tables table .vertical-header div, 
.md-size .tabbed-tables .tables table .vertical-header p {
	transform: rotate(-70deg);
}

.sm-size .tabbed-tables .tables table .vertical-header div, 
.sm-size .tabbed-tables .tables table .vertical-header p {
	transform: rotate(-90deg);
}

.tpa-list .alphabetical{
	padding-bottom:20px;
}
.tpa-list .alphabetical li {
    list-style-type: none;
    display: inline-block;
    font-weight: bold;
    margin: 0 12px 0 0;
    padding: 0;
    color: #000;
    font-size: 1.2em;
}
.tpa-list .alphabetical li a,
.tpa-list .list li a{
	color:#000;
}
.tpa-list .list li {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    color: #000;
    font-size: 1em;
}

/*********************
**********************
END LEGACY TABLE STUFF 
*********************/

/******************************************
NEW V3.0 TABLES
basic look and feel of tables
are styled here. Individual table
layouts go in their respective css sheets.
******************************************/
/*first reset everything*/
.new-research-tables table,
.new-research-tables table td,
.new-research-tables table th,
.new-research-tables table tr:nth-child(odd) td,
.new-research-tables table tr:nth-child(odd) th {
	background-color: transparent;
}

.new-research-tables table table {
	margin:0;
	padding:0;
	border: none;
}

.new-research-tables table table td,
.new-research-tables table table tr:last-child td,
.new-research-tables table table tr td:first-child {
	border: none;
	text-align: left;
}

.new-research-tables table a,
.new-research-tables a {
	color: inherit;
}

.new-research-tables a.provider-link {
	color:#CC1528;
}

/* Now start new styles */
.icon-Best-In-Class:after {
	font: var(--fa-font-light);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: '\f2eb';
	display: inline-block;
	font-weight: 400;
	position: relative;
	top: 1px;
}

.icon-Service-Commendation:after {
	font: var(--fa-font-light);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: '\f091';
	display: inline-block;
	font-weight: 400;
	position: relative;
	top: 1px;
	color: #7E7E7E;
}

.icon-Open-Circle:after {
	font: var(--fa-font-light);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: '\f111';
	display: inline-block;
	font-weight: 400;
	position: relative;
	top: 1px;
}

.new-research-tables table {
	width: 100%;
	font-size: 1.8rem;
	color: #000;
	line-height: 1.4em;
	letter-spacing: -0.1px;
	margin-top: 20px;
    margin-bottom: 50px;
}

.new-research-tables table + .source {
	margin-top: -30px;
}

.new-research-tables .table-container table {
	margin:0;
}

.new-research-tables .table-container {
	margin-top: 40px;
	margin-bottom: 40px;
}

.new-research-tables .row-borders td {
	border-bottom: 1px solid #F1F1F1;
}

.new-research-tables table td {
	padding:8px 4px;
	transition: background-color 0.3s;
}

.new-research-tables table:not(.provider-table, .table-columns-1) tr:hover td:not(.table-footnote) {
	background-color: rgba(255,255,0,0.5);
}


.new-research-tables table td:first-child {
	padding-left: 15px;
}

.new-research-tables table td:last-child,
.new-research-tables table th:last-child,
.new-research-tables table tr:not(:first-child) th:last-child {
	padding-right: 15px;
}

.new-research-tables table tr:last-child td {
	padding-bottom: 10px;
	border-bottom: 1px solid #DCDCDC;
}

.new-research-tables table.table-columns-1 tr:last-child td,
.new-research-tables table.table-columns-1 tr:first-child td {
	border-bottom: none;
	padding:0;
}

.new-research-tables table th,
.new-research-tables .table-header {
	font-size: 2.0rem;
	letter-spacing: -0.2px;
	line-height: 1.4em;
	font-weight: 600;
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 10px;
}

.new-research-tables table th.no-bottom-border,
.new-research-tables .table-header.no-bottom-border {
	border-bottom: none;
}

.new-research-tables .table-header {
	margin-bottom: 5px;
}

.new-research-tables table tr:not(:first-child) th {
	font-size: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.new-research-tables table.table-columns-2:not(.provider-table) td:not(:first-child):last-child,
.new-research-tables table.table-columns-2:not(.provider-table) th:not(:first-child):last-child {
	text-align: right;
	min-width: 60%;
}

.new-research-tables td.table-footnote {
	font-size: 1.5rem;
	padding-left:0 !important;
	padding-right: 0 !important;
	position: relative;
	top: 1px;
	text-align: left !important;
	border-top: 1px solid #DCDCDC;
	border-bottom: none !important;
	line-height: 1.4em;
	letter-spacing: -0.2px;
	color: #4A4A4A;
	font-weight: 500 !important;
}

.new-research-tables .provider-table {
	margin-top: 20px;
}

.new-research-tables .provider-table tr td  {
	padding-left: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}

.new-research-tables .provider-table tr td:last-child,
.new-research-tables .provider-table tr:last-child td {
	border-bottom: none;
}

.new-research-tables .provider-table tr td a{
	display: block;
	line-height: 1em;
}

.new-research-tables .provider-table tr td:hover a{
	padding-left: 15px;
	border-left: 4px solid #CC1528;
	margin-left: -19px;
	color: #000;
}


.new-research-tables .horizontal-bar {
	font-size: 1.6rem;
	line-height: 1.5em;
}

.new-research-tables .horizontal-bar .titles,
.new-research-tables .horizontal-bar .numbers,
.new-research-tables .horizontal-bar .bar {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
}

.new-research-tables .horizontal-bar .bar {
	margin-top: 10px;
	margin-bottom: 10px;
}

.new-research-tables .horizontal-bar .numbers {
	font-weight: 700;
	font-size: 1.8rem;
}

.new-research-tables .horizontal-bar .bar > div {
	height: 0;
	padding:8px 0;
	background-color: #ccc;
	width: 0;
	transition: width 1s;
}

.new-research-tables .horizontal-bar .bar > div:nth-child(1) {
	background-color: #3EC3BA;
}

.new-research-tables .horizontal-bar .bar > div:nth-child(2) {
	background-color: #B9E22F;
}

.new-research-tables .table-legend,
.new-research-tables .table-legend td,
.new-research-tables .table-legend td:first-child {
	font-size: 1.5rem;
	line-height: 1.5em;
	color: #4A4A4A;
	border: none;
	padding-left: 0;
}


/* Experimental that might backfire at some point - 
Style cell widths by number of columns */
.new-research-tables .table-columns-2 th:first-child,
.new-research-tables .table-columns-2 td:first-child {
	width:50%;
}
.new-research-tables .table-columns-3 th:first-child,
.new-research-tables .table-columns-3 td:first-child {
	width:50%;
}
.new-research-tables .table-columns-3 th:not(:first-child),
.new-research-tables .table-columns-3 td:not(:first-child) {
	width:25%;
	text-align: right;
}

.new-research-tables .table-columns-4 th:first-child,
.new-research-tables .table-columns-4 td:first-child {
	width:33%;
}
.new-research-tables .table-columns-4 th:not(:first-child),
.new-research-tables .table-columns-4 td:not(:first-child) {
	width:11%;
	text-align: right;
}

.new-research-tables .table-columns-5 th:first-child,
.new-research-tables .table-columns-5 td:first-child {
	width:33%;
}
.new-research-tables .table-columns-5 th:not(:first-child),
.new-research-tables .table-columns-5 td:not(:first-child) {
	width:16%;
	text-align: right;
}

#dummy-text {
    color: transparent;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* numbered tables */
.new-research-tables .numbered-table tr:not(:first-child) td:nth-child(2) {
	text-align: left;
}

.new-research-tables .numbered-table td:first-child {
	width: 5%;
	padding-right: 4%;
	color: #4A4A4A;
	font-weight: 300;
	font-size: 1.5rem;
	text-align: right;
}

.new-research-tables .numbered-table.table-columns-3 th:not(:first-child),
.new-research-tables .numbered-table.table-columns-3 td:not(:first-child) {
	width:31%;
}

.new-research-tables .numbered-table.table-columns-4 th:not(:first-child),
.new-research-tables .numbered-table.table-columns-4 td:not(:first-child) {
	width:20%;
}

/*================
mobile styles
================*/
.sm-size .research-header .blue-text-area {
	padding-left: 20px;
	padding-right: 20px;
}

.md-size .research-header .blue-text-area {
	padding-left: 0;
	padding-right: 0;
}

.md-size .shopify-button-container .shopify-button {
	border-radius: 20px;
}

.sm-size .research-nav .social-media ul {
	justify-content: flex-start;
}

.sm-size .new-research-tables table td {
	font-size: 1.3rem;
	line-height: 1.4em;
}

.sm-size .new-research-tables table th,
.sm-size .new-research-tables table tr:not(:first-child) th {
	font-size: 1.5rem;
	line-height: 1.4em;	
}

.md-size .new-research-tables table td,
.md-size .new-research-tables table th {
	font-size: 1.6rem;
	line-height: 1.4em;
}

.sm-size .new-research-tables table td,
.sm-size .new-research-tables table th {
	vertical-align: middle;
}