/*
Theme Name: PLANADVISER
Author: Strategic Insight
Author URI: http://strategic-i.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Custom
Text Domain: cio
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block; 
}
body {
    line-height: 1;
}
ul,li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END RESET */


/* WORDPRESS STANDARD */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.wp-caption .fa {
    color: #4b4b4b;
    padding-left: 5px;
}

.xs-size .aligncenter,
.xxs-size .aligncenter {
    width:auto !important;
}

/*
 * COMMON STYLES
 *
 * Boilerplate & Resets
 * Grid / Layout
 * Common Styles
 * Typography
 */


/* BOILERPLATE & RESETS */

@-o-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    position: relative;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

.cf:before,
.cf:after,
.container:before,
.container:after {
    content: "";
    display: table;
}

.cf:after,
.container:after {
    clear: both;
}

.cf,
.container {
    zoom: 1;
}

#tinymce {
    margin: 8px;
}

.mceContentBody {
    height: auto!important;
}


/* COMMON STYLES */

img,
iframe {
    max-width: 100%;
    /* messed up iframe heights
    height: auto;*/
}


/* ======== Adjust Bootstrap's container values
===============================================*/


/*small*/

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}


/*medium*/

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}


/*large*/

@media (min-width: 1280px) {
    .container {
        width: 1200px;
    }
}


/* ======== Fixes for old html lingering aroung
===============================================*/
aside.new-social-media br,
.new-social-media img:last-of-type {
display:none;
}

aside.new-social-media,
#ctl00_ctl00_cphMainSection_cphLeftColumn_socialBar1_pnlVertical{
    display:inline-block;
}
aside.new-social-media li {
    margin-bottom:5px;
}

/*fix for space created by 1x1 pixelate images*/
img.pixalate-pp-pb {
    height:0;
    display:block;
}

/*fix for wrapper ad divs taking up space when empty*/
#div-interstitial,
#div-skin,
#div-ppd,
#div-premium {
    height:0;
}


/* ============================================================
    Global basic styles
============================================================ */

html {
    font-size: 62.5%;
    font-family:'Open sans', Arial, Helvetica, sans-serif;
}

body {
    background-color:#F4F4F4 !important;
}

strong,
bold,
b {
    font-weight:700;
}

.semi-bold,
strong.semi-bold,
bold.semi-bold,
b.semi-bold {
    font-weight: 600;
}

i,
em {
font-style:italic;
}

i i,
em em {/* sometimes editors do this to un-italicize, italicized text.*/
font-style:normal;
}

sup {
    font-variant:super;
    font-size:0.7em;
}
sub {
    font-variant:sub;
}

img {
    max-width: 100%;
    height:auto;
}

small {
    font-size:0.8em;
}

blockquote {
    padding-right: 3%;
    margin: 40px 0;
    font-size: 28px;
    color: #41C6EF;
    line-height: 35px;
}

.iss-banner,
.xs-size .home .iss-banner,
.xxs-size .home .iss-banner {
    display: none;
}

.home .iss-banner {
    background-color: #41c6ef;
    padding:15px 0 10px 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    border-bottom: 1px solid #fff;
    display: block;
}

.home .iss-banner span {
    font-size: 20px;
    font-weight: 700;
}

.home .iss-banner a:hover {
    color: #fff;
}


/* ============================================================
    Basic Article styles (standard)
============================================================ */
.article-text {
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height:27px;
}
.article-text h1 {
    font-size:30px;
    line-height:30px;
    font-family:"Oswald";
    padding-bottom:5px;
}
.article-text h2 {
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    padding-top:20px;
    margin-bottom:5px;
}
.article-text h3 {
    font-size:18px;
    font-weight:bold;
    padding-bottom:5px; 
}
.article-text p {
    line-height: 1.6em;
    margin-bottom: 1em;
}
.article-text p:last-child {
    margin-bottom: 0;
}
.article-text ul,
.article-text ol {
    margin:20px;
}
.article-text ul,
.article-text ul li {
    list-style-type:disc;
    list-style-position:outside;
    margin-left:15px;
}
.article-text ol,
.article-text ol li {
    list-style-type:decimal;
    list-style-position:outside;
    margin-left:15px;
}
.article-text li {
    margin-bottom:5px;
}
.article-text hr {
    border-color:#ccc;
}
.article-text a {
    color:#41C6EF;
}
.article-text a:hover {
    color: #41C6EF;
}


/* ============================================================
    Basic Table styles for articles
============================================================ */
.article-text table {
    font-size:13px;
    width:100%;
}
.article-text td {
    padding:5px 10px;
    border-bottom:1px solid #333;
}
.article-text td:first-child {
    text-align:left;
}
.article-text td.spacer {
    border-bottom:none;
}

/* ============================================================
  Editor styles for the site.
  These styles are styles that are set up for editors to use
  through the tinymce editor. editor-style.css containes the
  style names that get applied. 
============================================================ */
/*=== editor text styles*/
.bold-italic-leadin {
    display: inline-block;
    font-size: 1.5em;
    font-style: italic;
    margin-top: 20px;
}

.article-side-note {
    width:40%;
    padding:0 10px;
    font-size:12px;
    color:#5c5f6c;
    float:right;
}

.left-align-object {
    float:left;
    display:inline-block;
    padding-right:20px;
}

/*old image aligns styles. Only here for existing images using this*/
.article-text .left-image {
    max-width:30%;
    float:left;
    padding-right:10px;
}
.article-text .right-image {
    max-width:30%;
    float:right;
    padding-left:10px;
}
.article-text .left-image figcaption,
.article-text .right-image figcaption{
    font-size:10px;
    font-style:italic;
}
.article-text .left-image figcaption .lightbox-button,
.article-text .right-image figcaption .lightbox-button{
    display:none;
}

.left-align-image,
.right-align-image,
.lightbox-left-align-image,
.lightbox-right-align-image {
    background: #fff none repeat scroll 0 0;
    border: none;
    max-width: 40%;
    padding: 0;
    margin:0;
    text-align: left;
    float:left;
    display:block;
}
.left-align-image em,
.right-align-image em,
.left-align-image p,
.right-align-image p,
.center-align-image em,
.center-align-image p,
.lightbox-left-align-image em,
.lightbox-right-align-image em,
.lightbox-left-align-image p,
.lightbox-right-align-image p,
.lightbox-center-align-image em,
.lightbox-center-align-image p {
    font-size:11px;
    font-style:italic;
}
.left-align-image,
.lightbox-left-align-image{
    float:left;
    margin-right:10px;
    font-size:11px;
}
.right-align-image,
.lightbox-right-align-image {
    float:right;
    margin-left:10px;
    font-size:11px;
}
.center-align-image,
.lightbox-center-align-image {
    width:100%;
    float:none;
    margin:10px 0;
    padding:0;
    display:block;
    text-align:center;
    font-size:11px;
}
.left-align-quote,
.right-align-quote,
.center-align-quote,
.right-block-quote,
.left-block-quote,
.center-block-quote {
    color: #00a1af;
    display: block;
    font-family: "Droid Serif",Georgia,serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.5em;
    padding-left:0;
    padding-right:0;
}
.right-align-quote,
.left-align-quote {
    color: #00a1af;
    text-align: center;
    width: 45%;
    margin:15px;
}

.center-align-quote {
    clear: both;
    color: #00a1af;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}

.right-align-quote {
    float:right;
}
.left-align-quote {
    float:left;
}


/*end old image alignment code*/

/*New image alignment code.*/
.wp-caption,
.wp-caption.alignnone,
alignnone.aligncenter{
border:none;
padding:0;
margin:0;
}
.wp-caption-text {
text-align:left;
font-style:italic;
}
.xxs-size .wp-caption.alignleft,
.xxs-size .wp-caption.alignright {
    float:none;
    width:100% !important;/*required to overwrite inline width*/
    text-align:center;
}
.xxs-size .wp-caption p.wp-caption-text {
    text-align:center;
}
/*end new image alignment code*/

/*Thoughtleadership styles. */
.subhead,
.thought-leadership-subhead {
color:#8b3695;
}

/* Basic classes */
.hide {
    display:none;
}

.no-padding {
    /*to give no pading on columns*/
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.no-inline-block-space,
.remove-inline-block-space {
    /*remove space between inline-block items*/
    font-size:0;
}

.relative {
    position: relative;
}

.hidden-text {
    font-size: 0px;
    text-indent: -9999ppx;
}

.basic-text,
.excerpt{
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.6em;
}
.small-text .excerpt {
    font-size:inherit;
}
.small-text {
font-size:11px;
}

.article-info {
    color:#41C6EF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    margin: 0 0 5px;
}

.featured-article .article-info time {
    color: #fff;
    padding-left: 5px;
}

.article-info time {
    color:#333;
}

.article-info .fa-lock {
    color:#CC9900;
}

.basic-info {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.basic-title {
    color: #424242;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}

.title {
    font-weight: 600;
}

.small-title {
    font-size: 17px;
}

.thin-title{
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    font-weight:300;
    font-size:20px;
    line-height:25px;
    margin-bottom:5px;
}
.thin-title-big{
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    font-weight:300;
    font-size:25px;
    margin-bottom:5px;
}
.thin-title-bigger{
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    font-weight:300;
    font-size:36px;
    margin-bottom:5px;
}

.sub-title {
font-size:16px;
}

.sub-title-blue {
color:#00a0af;
font-size:16px;
}

.all-caps {
    text-transform:uppercase;
}

.capitalize {
    text-transform:capitalize;
}

.small-caps {
    text-transform:uppercase;
    font-size:0.8em;
}

.small-bold-header {
font-size:17px;
font-weight:700;
color:inherit;
font-family:Oswald, Arial, Helvetica, sans-serif;
}

.small-bordered-header {
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    margin-bottom:15px;
}

.bordered-header-blue {
margin-bottom:15px; 
padding-bottom:5px;
border-bottom:3px solid #00a1af;
}


.sponsored-color-gold {
    color: #cc9933 !important;
}
.sponsored-color-gold-mark {
    border-left:4px solid #cc9933;
    padding-left:4px;
}

.sponsored-color-purple {
    color: #8b3695 !important;
}

a {
    color: inherit;
    transition: 0.3s color, 0.3s background-color;
}

a:hover {
    text-decoration:none;
    color: #41C6EF;
}

a.disabled {
    pointer-events: none;
    color: #d2d2d2 !important;
    cursor: default;
}

a.header-link-right {
    position:absolute;
    bottom:0;
    right:0;
}
a.header-link-small {
    font-size:14px;
}

.link-header {
    position: relative;
}
.anchor-target {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
    opacity:0;
}
.red-button {
    background-color: #41C6EF;
    font-family: 'Open Sans';
    color: #fff;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    display:inline-block;
    font-size:inherit;
    text-align:center;
}
.red-button:hover {
    box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
    color:#fff;
}
.black-button {
    font-size: 14px;
    padding: 7px 12px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.black-button:hover {
    background-color:#41C6EF;
    color:#fff;
}
.grey-button {
    font-weight: bold;
    font-size: 15px;
    padding: 7px 12px;
    display: inline-block;
    background-color: #DCDCDC;
    text-align: center;
    color: #000;
    font-family: "Oswald";
}
.grey-button:hover {
    background-color: #000;
    color: #fff;
}

.block-align {
    /*set whitespace to 0 to allow inline-block elements to align 100% */
    white-space: nowrap;
}

.block-align * {
    /*reset whitespace for all items after*/
    white-space: normal;
}

.relative-container {
    position: relative;
}

.absolute-container {
    position: absolute;
}

.overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(76, 76, 76, 0) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events:none; /*allow clickthrough to anchor tag so entire block is clickable */
}

.block-list li {
    margin-bottom: 5px;
    line-height: 1.4em;
}

.inline-block-list li {
    display: inline-block;
}

.horizontal-social-media aside.social-media li {
    display: inline-block;
    max-width: 25px;
    margin: 0 5px 0 0;
    padding:0;
}
.horizontal-social-media div {
   margin:0; 
   padding:0;
   float:none;
}
.horizontal-social-media aside.social-media {
   margin:0; 
   padding:0;
   float:none;
}
.listing-header {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom:10px;
    color:#000;
}
.listing-header-small {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom:10px;
}
.listing-header-smallest {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom:10px;
}
.listing-header-bold {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom:10px;
}
.listing-header-thin {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin-bottom:10px;
}
.listing-header-bordered {
    border-bottom: 1px solid rgb(204, 204, 204);
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 25px;
    padding-bottom:5px;
    margin-bottom:20px;
    font-weight: normal;
}

.listing-header span {
    font-size:16px;
    color:#41C6EF;
    font-weight:300;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
}
.outside-header {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: normal;
    padding:20px 40px;
}
.page-header {
    font-family: "Roboto Slab", "Times New Roman", Times, serif;
    font-size: 26px;
    line-height:26px;
    font-weight: 300;
    margin: 0;
    margin-bottom:5px;
}

.bordered {
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
    padding-bottom:10px;
}

.indented-paragraph {
    padding-left:15px;
    display:inline-block;
}
.indented-paragraph-bordered {
    padding-left:15px;
    border-left:2px solid #000;
    display:inline-block;
}

.paged-pagination {
    margin: 10px 0;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    padding:0;
}

.paged-pagination div {
    display: inline-block;
    margin: 0 5px;
    color: #41C6EF;
}

.paged-pagination input {
    max-width: 28px;
    text-align: center;
    padding: 2px;
    margin-right: 2px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #edebee;
    font-weight: 600;
}

.paged-pagination a {
    color: #000;
    display: inline-block;
    text-decoration:none;
}

.paged-pagination .fa {
    font-size: 1.4em;
    position: relative;
    top: 2px;
    padding: 0 1px;
}

.paged-pagination a.archive-link {
    float: right;
}
.paged-pagination ol,
.paged-pagination ul,
.paged-pagination li {
display:inline-block;
}
.paged-pagination li a {
display:inline-block;
padding-left:5px;
padding-right:5px;
}
.paged-pagination li a.active {
    font-weight:600;
    text-decoration:underline;
}
.paged-pagination li a:hover {
    color:#f47b20;
}
 


.paged-pagination.full-width-pagination {
    text-align:center;
    position:relative;
    padding:0;
}
.paged-pagination.full-width-pagination ol {
    background-color:#fff;
    padding-left:5px;
    padding-right:5px;
    position:relative;
    z-index:10;
}
.paged-pagination.full-width-pagination li a {
    padding-left:10px;
    padding-right:10px;
}
.paged-pagination.full-width-pagination .next-button,
.paged-pagination.full-width-pagination .prev-button{
    margin-top:-9px;
    background-color:#E1E1E1;
    padding:5px 10px;
    position:absolute;
    z-index:10;
}

.paged-pagination.full-width-pagination .prev-button{
    left:0;
}
.paged-pagination.full-width-pagination .next-button {
    right:0;
}
.paged-pagination.full-width-pagination .next-button:hover,
.paged-pagination.full-width-pagination .prev-button:hover{
    background-color:#fff;
    color:inherit;
}
.paged-pagination.full-width-pagination hr {
    width:100%;
    position:absolute;
    top:5px;
    margin:0;
    padding:0;
    height:6px;
    background-color:#E1E1E1;
    border:none;
    z-index:5;
}

.home-pagination {
    padding:20px 0 40px 0;
    clear:both;
}
.home-pagination .see-all-news{
    float:right;
}

.basic-list li {
    display:list-item;
    list-style-type:disc;
    list-style-position:inside;
    margin:10px 0;
}
.basic-list li div {
    display:inline-block;
    max-width:95%;
}
.basic-list li div p {
    margin:0;
}

a.inherit-hover-color:hover {
color:inherit !important;
}

.animate-all {
    transition:all 0.3s;
}

.collapse-able {
    overflow:hidden;
    transition:all 0.7s;
}
.collapse-able.closed {
    height:25px !important;
}
.collapse-able .collapse-header {
    cursor:pointer;
}

.collapse-outer-container {
    overflow:hidden;
    transition: height, 0.5s;
}
.collapse-outer-container.closed {
    height:0 !important;
}
.collapse-trigger {
    cursor: pointer;
}
.collapse-trigger .fa {
    transition: transform, 0.3s;
    margin-left: 5px;
}
.collapse-trigger.active .fa {
    transform: rotate(90deg);
}

.centered-text {
    text-align:center;
}



/*===== MAIN NAV & HEADER 
==================*/
.main-header .super-nav {
    background-color:#000;
    color:#C7C7C7;
}
.main-header .super-nav a {
    color:#C7C7C7;
}
.main-header .super-nav ul{
    display:inline-block;
}
.main-header .super-nav li{
    display:inline-block;
}
.main-header .super-nav .social-nav li{
    font-size:14px;
    padding-right:10px;
    padding-top:10px;
}
.main-header .super-nav .menu-top-nav{
    float:right;
}
.main-header .super-nav .menu-top-nav li a{
    display:block;
    padding:10px;
    border-left:1px solid rgb(64, 64, 64);
    font-size:10px;
    font-weight:700;
}
.main-header .super-nav .menu-top-nav .register-button a,
.main-header .super-nav .menu-top-nav .signin-button a,
.main-header .main-nav .mobile-nav li.register-button a,
.main-header .main-nav .mobile-nav li.signin-button a {

    background-color:#41C6EF;
    color:#fff;
}
.main-header .super-nav .menu-top-nav .signin-button a{
    border-color:#f4f4f4;
}
.main-header .main-nav {
    background-color:#fff;
    border-bottom:1px solid #ccc;
}
.main-header .main-nav li {
    display:inline-block;
    font-family:"Roboto Condensed", Verdana, Geneva, sans-serif;
    vertical-align:top;
}
.main-header .main-nav li a{
    padding:9px 15px;
    font-size:16px;
    display:block;
    color:#000;
}
.main-header .main-nav li:not(:first-child) a:hover,
.main-header .menu-item-has-children .sub-menu li:hover a{
    color:#41C6EF;
}
.main-header .main-nav .logo img{
    width:100%;
    max-width:160px;
}
.main-header .main-nav li.logo a {
    border-left:none;
    padding:5px 5px 0 0;
}
.main-header .main-nav li .fa-lock{
    color:#CC9900;
}

.main-header .main-nav li .fa-lock,
.main-header .main-nav li .fa-chevron-down {
    font-size:12px;
}

.main-header .main-nav .search-button a {
    display:inline-block;
    color:#000;
    font-size:20px;
    padding:7px 13px;
    background-color:#fff;
    border-left:0;
}
.main-header .main-nav li.search-button a:hover {
    color:#000;
}

/*dropdowns*/
.main-header .menu-item-has-children {
    position:relative;
}

.main-header .menu-item-has-children .sub-menu {
    position:absolute;
    top:96%;
    left:0;
    z-index:10000;
    display:none;
    width:120%;
    min-width:140px;
    box-shadow:0px 3px 8px 0px rgba(0,0,0,0.3);
}
.main-header .menu-item-has-children .sub-menu li {
    display:block;
}
.main-header .menu-item-has-children .sub-menu a {
    padding:10px 10px 10px 16px;
    border-bottom:1px solid #ccc;
    border-left:none;
    display:block;
    font-size:14px;
    background-color:#fff;
    color:#000;
}
.main-header .menu-item-has-children:hover .sub-menu {
    display:block;
}

.main-header .menu-top-nav .menu-item-has-children .sub-menu a  {
    background-color:#000;
    color:#C7C7C7;
    border-left:none;
    line-height:15px;
    min-width:200px;
}

/*search bar*/
.main-header .search-bar {
    position:absolute;
    bottom:-60%;
    right:0;
    display:inline-block;
    z-index:-10;
    opacity:0;
}
.main-header .search-bar.active {
    z-index:100;
    opacity:1;
    bottom:-100%;
}
.main-header .search-bar input {
    vertical-align:top;
}
.main-header .search-bar input[type='submit'] {
    font-size:14px;
    vertical-align:top;
}

input {
    padding:10px;
    font-size:14px;
    border:none;
    color:#666;
}
input[type='text'],
input[type='password'] {
    background-color: #F5F5F5;
    box-shadow: none;
    border: 1px solid #ccc;
}
input[type='submit'] {
    background-color: #41C6EF;
    border: 1px solid #41C6EF;
    color: #fff;
    font-weight: bold;
    font-size:14px;
}
select {
    background-color: #F5F5F5;
    box-shadow: none;
    border: 1px solid #ccc;
}

.main-header .header-ad-container {
    text-align:center;
    background-color:#F4F4F4;
}
.main-header .header-ad-container {
    text-align:center;
    background-color:#F4F4F4;
}


/*sticky nav*/
#sticky-nav {
    padding: 5px 0 0;
    z-index: 998;
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    width: 100%;
}

.xs-size #sticky-nav,
.xxs-size #sticky-nav {
    display:none !important;
}

#sticky-nav .navigation-row {
    padding: 0;
}

#sticky-nav .logo img {
    max-width: 100px;
}

#sticky-nav .logo a {
    padding:11px 5px 0 0;
}

#sticky-nav .search-container {
    margin-top: 5px;
}

#sticky-nav ul.menu > li:first-child a {
    padding-bottom: 5px;
}

.main-header header,
#sticky-nav {
    background: #000;
}
/*SLICKNAV and Mobile Nav styles
================*/
.mobile-nav {
position:fixed;
z-index:8000;/*10 less than loginbox*/
width:100%;
padding-right:30px !important;
}
.mobile-nav .mobile-logo {
    position:absolute;
    top:15px;
    left:15px;
    max-width:120px;
}
.mobile-nav .row {
    background-color:#fff;
}
.mobile-nav .slicknav_menu {
    background-color: #fff;
    padding:5px 0;
}
.mobile-nav .slicknav_brand {
    max-width:125px;
    padding-left:0;
    padding-right:0;
}
.main-header .main-nav .mobile-nav li {
    display:block;
    border:none;
}
.main-header .main-nav .mobile-nav li a {
    display:inline-block;
    border:none;
    margin:0;
    padding:0;
}
.main-header .main-nav .mobile-nav li a:hover {
    background-color:transparent;
}
.main-header .main-nav .mobile-nav li > a {
    padding:10px 0;
    margin:0;
    font-size:16px;
}

.main-header .main-nav .mobile-nav li .sub-menu {
    position:static;
    box-shadow:none;
    border:none;
    display:inline-block;
}
.main-header .main-nav .mobile-nav li .fa-chevron-down {
    display:none;
}

.main-header .main-nav .mobile-nav li.register-button a,
.main-header .main-nav .mobile-nav li.signin-button a {
    display:block;
    padding:10px;
    margin:10px 0;
}
.main-header .main-nav .mobile-nav li.register-button,
.main-header .main-nav .mobile-nav li.signin-button {
    display:inline-block;
    margin:0 20px 0 0;
    padding:0;
}


/* search box styles ====
=========================*/
.search-box .fancybox-skin{
    box-shadow:none;
    background-color:#fff;
}
.search-box .fancybox-close{
    background-image:none;
    color:#999;
    top:-100%;
    right:0;
    font-size:25px;
    width:50px;
    height:auto;
    outline:none;
    text-decoration:none;
    padding:15px 0;
    text-align:center;
}
.search-box .search-input{
    width:90%;
    box-shadow:none;
    border-bottom:1px solid #ccc;
    font-size:25px;
}
.search-box .search-submit{
    width:10%;
    font-size:30px;
    background-color:transparent;
    font-weight:bold;
    border:none;
    color:#999;
}

.xxs-size .search-box .search-input,
.xs-size .search-box .search-input{
    width:70%;
}
.xxs-size .search-box .search-submit,
.xs-size .search-box .search-submit{
    width:30%;
}

/* Main container global styles
===============*/
.main-container {
    padding:0;
    overflow-x: hidden;
}
.indented-section,
.main-header header .container {
    padding-left:40px;
    padding-right:0;
}
.indented-section{
    padding-right:40px;
}
#sticky-nav .container{
    padding-left:0;
}
.sm-size .indented-section,
.xs-size .indented-section,
.xxs-size .indented-section,
.sm-size .main-header header .container,
.xs-size .main-header header .container,
.xxs-size .main-header header .container {
    padding-left:15px;
    padding-right:0;
}
.sm-size .indented-section,
.xs-size .indented-section,
.xxs-size .indented-section{
    padding-right:15px;
}

.sm-size .outside-header,
.xs-size .outside-header,
.xxs-size .outside-header{
    padding-left:15px;
    padding-right:15px;
}

.main-content {
    padding-top:30px;
    padding-left:0;
    padding-right:0;
    margin-bottom:30px;
}
.main-content.indented-section {
    padding-left:40px;
    padding-right:40px;
    margin-bottom:0;
}

/*
calc width to have our sidebar lock at 300. Not widly supported.
Included fallback. If browser doesnt understadn calc, will use normal %
*/
.main-content{
    -moz-width:calc(100% - 300px);
    -webkit-width:calc(100% - 300px);
    -o-width:calc(100% - 300px);
    width:70.667%;/* fallback */
    width:calc(100% - 300px);
    /*padding-right:60px;*/
    background-color:#fff;
    padding-bottom:40px;
}
.main-content.no-sidebar {
    -moz-width:100%;
    -webkit-width:100%;
    -o-width:100%;
    width:100%;
}
.main-sidebar{
    width:29.333%;/*fallback*/
    width:300px;
    padding:0;
}
.xs-size .main-content,
.xs-size .main-sidebar,
.xxs-size .main-content,
.xxs-size .main-sidebar{
width:100%;
}
.xs-size .main-content,
.xs-size .main-sidebar,
.xxs-size .main-content,
.xxs-size .main-sidebar,
.xs-size .main-header .container > div,
.xxs-size .main-header .container > div,
.xs-size .main-footer .container,
.xxs-size .main-footer .container{
padding-left:0;
padding-right:0;
}

/* 
======
locked size on md-sizes so ads have enough room to show.
May or may not be required.
====
.md-size .main-container,
.md-size .main-header,
.md-size .main-footer {
    min-width: 1125px;
}


.md-size .main-content {
    min-width: 728px;
}
*/
/* Sidebar and ads =======
==========================*/
.mobile-ad {
    padding:20px 0;
    text-align: center;
}
.main-sidebar section {
    padding:20px 0;
    clear: both;
}
.main-sidebar section.ad {
    padding:0;
    text-align:center;
}
/* unnessary I think? 
.main-sidebar section .listing-header {
    padding-bottom:10px;
}
*/
.main-sidebar .sidebar-container {
    padding:0 20px;
}
.main-sidebar .grey-background {
    background-color:#EFEFEF;
}
.main-sidebar .dark-grey-background {
    background-color:#DCDCDC;
}
.main-sidebar .dark-dark-grey-background {
    background-color:#C7C7C7;
}
.main-sidebar .most-popular .most-popular-button {
    display:inline-block;
    width:50%;
    text-align:center;
    font-weight:bold;
    background-color:#C7C7C7;
    color:#000;
    padding:6px 0;
    font-size:12px;
    font-family:Oswald;
    position:relative;
    cursor:pointer;
}
.main-sidebar .most-popular .most-popular-button .fa {
    position: absolute;
    bottom: -11px;
    left: 50%;
    z-index: 10;
    font-size: 18px;
    margin-left: -8px;
}
.main-sidebar .most-popular .most-popular-button.active {
    background-color:#41C6EF;
    color:#fff;
}
.main-sidebar .most-popular .most-popular-button .fa {
    color:#41C6EF;
    opacity:0;
}
.main-sidebar .most-popular .most-popular-button.active .fa {
    opacity:1;
}

.main-sidebar .most-popular .most-popular-list {
    margin-top:20px;
    display:none;
}
.main-sidebar .most-popular .most-popular-list.active {
    display:block;
}
.main-sidebar .most-popular .most-popular-list li{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #fff;
}
.main-sidebar .most-popular .most-popular-list li:last-child{
    padding-bottom:10px;
    margin-bottom:0;
}
.main-sidebar .most-popular .most-popular-list .title{
    color:#41C6EF;
}
.main-sidebar .most-popular .most-popular-list h4{
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    font-size:16px;
    padding-top:3px;
    line-height:20px;
}

.main-sidebar .upcoming-event{
    padding-bottom:0;
}
.main-sidebar .thought-leadership li:not(:last-child){
    padding-bottom:20px;
}
.main-sidebar .thought-leadership li a > div{
    width:calc(100% - 105px);
    padding-left:10px;
    vertical-align:top;
    display:inline-block;
    font-size:15px;
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    line-height:18px;
}
.main-sidebar .thought-leadership li .sponsor{
    font-size:12px;
    font-family:'Open Sans';
    line-height:14px;
    margin-top:3px;
}
.main-sidebar .thought-leadership li img,
.main-sidebar .industry-white li img{
    max-width:100px;
}
.main-sidebar .thought-leadership .tl-video-slideshow{
    margin-bottom:20px;
    min-height:220px;
}

.main-sidebar .market-mirror li {
    font-size:14px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #cccccc;
    line-height:20px;
}

.industry-white .sidebar-container {
    padding: 0 10px;
}

.industry-white h3.listing-header {
    padding: 0 10px;
    text-transform: uppercase;
}

.industry-white .feature-text {
    width: 75px;
    position: absolute;
    left: 10px;
    top: 5px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.main-sidebar .industry-white img {
    width: 75px;
    height: auto;
    position: absolute;
    left: 10px;
    top: 0;
}

.main-sidebar .industry-white .featured-whitepaper img {
    top: 22px;
}

.main-sidebar .industry-white li {
    font-size:12px;
    line-height:15px;
    position: relative;
    padding: 0 5px 0 95px;
    border: 2px solid transparent;
    min-height: 80px;
}

.main-sidebar .industry-white .featured-whitepaper {
    border: 2px solid #CC9900;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 110px;
}

.main-sidebar .industry-white li:not(:last-child) {
    margin-bottom: 5px;
}

.main-sidebar .industry-white li a{
    color:#CC9900;
    display:block;
    font-weight:bold;
}
.featured-box-container img {
    width:100%;
}
.featured-box-container .text-box {
    font-size: 14px;
    line-height: 1.2em;
    padding:10px 0;
}
.featured-box-container .text-box .listing-title {
    font-size:18px;
}

.main-sidebar .thought-leadership .featured-box-container a {
    display: block;
    position: relative;
}

.main-sidebar .thought-leadership .play-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    font-family: "Roboto Condensed", Verdana, Geneva, sans-serif;
}


/*====== Main site Footer 
========================*/

.main-footer {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #464646 0%, #000000 100%) repeat scroll 0 0;
    background-color:#2B2E34;*/
    background-color:#1A1A1A;
    color: #b1b1b1;
    margin-top: 30px;
    padding: 0 0 20px 0;
    font-size: 12px;
}


.main-footer h5 {
    font-family:'Oswald';
    margin-bottom: 7px;
    line-height: 1.8;
    font-size:14px;
    font-weight:bold;
}

.main-footer h6 {
    font-family:'Oswald';
    margin-bottom: 10px;
    font-size:14px;
    text-align:left;
    font-weight:bold;
}

.main-footer li {
    font-family:'Open Sans';
    font-size:14px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.main-footer .footer-nav,
.main-footer .footer-about,
.main-footer .footer-issue,
.main-footer .footer-get-access {
    border-right: 1px solid #333;
    min-height: 395px;
    padding-top: 15px;
}

.main-footer .footer-nav ul {
    padding-bottom:20px;
}

.footer-issue h4 {
    margin: 10px 0 0;
    font-weight: bold;
    line-height:14px;
}

.main-footer .footer-get-access {
    border-right: none;
}

.main-footer .footer-get-access h5 {
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align:left;
}

.main-footer .download-app {
    text-align:center;
}
.main-footer .subscribe {
    padding-bottom:20px;    
}
.main-footer .footer-get-access .download-app div img {
    margin-bottom: 10px;
    max-width:400px;
    width:100%
}

.main-footer .footer-get-access .subscribe a.link-button {
    display: block;
    padding:10px;
    margin: 10px 0;
    color: #fff;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    background-color: #41C6EF;
    text-align: center;
    text-decoration: none;
    transition:background-color 0.3s;
}
.main-footer .footer-get-access .subscribe a.link-button:hover {
    color: #fff;
    background-color: #666;
}

.main-footer .footer-get-access .subscribe a {
    color: #41C6EF;
    text-decoration: underline;
}


.main-footer .footer-about .advertise {
    font-family:'Oswald';
    padding: 30px 0 0 0;
    line-height: 19px;
    font-size:12px;
    font-weight:bold;
    padding:15px 0;
    border-top:1px solid #333;
}
.main-footer .footer-about .advertise-with-ps {
    color:#41C6EF;
}
.main-footer #menu-footer-nav-pages {
    padding-bottom:40px;
}
.main-footer .footer-bar {
    border-bottom: 1px solid #333;
}

.main-footer .footer-bar .footer-logo {
    padding-top:20px;
}
.main-footer .footer-bar .footer-logo img{
    max-width:200px;
    width:100%;
}

.main-footer .footer-bar div> div:last-child {
    text-align: right;
}
.main-footer .footer-bar h5{
    color:#41C6EF;
    padding-right:15px;
}
.main-footer .footer-bar h5,
.main-footer .footer-bar ul {
    display: inline-block;
}

.main-footer .footer-bar li {
    display: inline-block;
    font-size: 29px;
    color: #cccccc;
    background-color:#333;
    margin: 0;
    border-right:1px solid #444;
}

.main-footer .footer-bar li a {
    padding: 20px 20px;
    display: block;
    transition:color 0.4s;
}

.main-footer .footer-bar li:hover a {
    color: #41C6EF;
}


.main-footer .site-footer {
    padding-top:10px;
    font-size:10px;
    border-top: 1px solid #333;
}
.main-footer .site-footer .logo {
    display:inline-block;
    float:left;
    margin:0 10px 10px 0;
    max-width:140px;
}
.main-footer .site-footer ul {
    display:inline-block;
    margin-top:9px;
}
.main-footer .site-footer li {
    display:inline-block;
    font-size:11px;
}
.main-footer .site-footer li:not(:last-child):after {
    content:' /';
}

.main-footer .site-branding {
    font-size: 14px;
    line-height: 1.4em;
    padding: 20px 0 0 0;
    margin-top: 16px;
    margin-bottom: 0;
    border-top: 1px solid #979797;
    color: #C7C7C7;
}

.main-footer .site-location {
    margin-top: 13px;
}

.main-footer .site-branding img {
    max-width: 190px;
    width:100%;
}

.main-footer .site-branding li {
    display: inline-block;
    margin-bottom: 0;
}

.main-footer .site-branding li:not(:last-child):after {
    content: ' /';
}

.main-footer .site-branding li:nth-last-child(5):after {
    content: ' ';
}

.main-footer li a:hover,
.site-branding a:hover {
    color: #fff;
}

.site-branding .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0;
}

.xs-size .site-branding .row {
    display: block;
}

.sm-size .main-footer .footer-nav,
.sm-size .main-footer .footer-about,
.sm-size .main-footer .footer-issue,
.xs-size .main-footer .footer-nav,
.xs-size .main-footer .footer-about,
.xs-size .main-footer .footer-issue,
.xxs-size .main-footer .footer-get-access .download-app> div:first-child,
.xxs-size .main-footer .footer-nav,
.xxs-size .main-footer .footer-about,
.xxs-size .main-footer .footer-issue,
.xxs-size .main-footer .footer-get-access .download-app> div:first-child {
    border: none;
    min-height: 0;
    margin-bottom: 40px;
}

.sm-size .main-footer .footer-get-access .download-app> div:last-child h6,
.xs-size .main-footer .footer-get-access .download-app> div:last-child h6,
.xxs-size .main-footer .footer-get-access .download-app> div:last-child h6 {
    text-align: left;
}

.xxs-size .main-footer .footer-bar li a{
    padding:10px;
}


/*==== Listing Page Styles 
==========================*/
.home .list-page>div>div {
    /* caused spacing issue on resize. added cf class and clear instead
    float: left;*/
    clear:both;
    width: 100%;
    text-align:center;
}
.home .list-page #div-midbanner > div,
.home #div-botbanner {
    border-bottom: 1px solid #ccc !important;
}
.list-page .list-item {
    padding:3% 0;
    border-bottom: 1px solid #cccccc;
}
.list-page .list-item:last-child {
    border-bottom:none;
}
.list-page .list-item:first-child:not(.featured-article) {
    padding-top:0;
}

.list-page .list-item .title,
.listing-title {
    color: #000;
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: normal;
    margin: 2px 0 5px;
    line-height: 1.2;
}
.list-page .list-item.sponsored .title,
.list-page .list-item.sponsored p,
.list-page .list-item.sponsored time,
.list-page .list-item.sponsored .fa,
.list-page .list-item.sponsored .article-info {
    color:#CC9900;
}
.list-page .list-item img {
    display: inline-block;
    padding-right: 2%;
}

.list-page .list-item.block-align img {
    width: 200px;
    max-width: 35%;
}

.list-page .list-item .short {
    max-width: 65%;
    display: inline-block;
    vertical-align: top;
}
.list-page .list-item.right-align-listing-image img {
    float:right;
    padding-right:0;
}


.list-page .featured-article,
.featured-article {
    border: medium none;
    margin: 0 0 3% 0;
    padding: 0;
    position: relative;
}


.featured-article img,
.list-page .featured-article img {
    width: 100%;
    max-width: 100%;
    margin:0;
    padding:0;
}

.featured-article .text-container {
    bottom: 8%;
    color: #fff;
    left: 4%;
    margin: 0;
    max-height: 8000px;
    position: absolute;
    width: 92%;
    z-index: 100;
}

.featured-article.feature-box .text-container {
    padding-right: 0;
}

.featured-article .featured-overlay-link {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 100;
}
.list-page .featured-article h2.title {
    font-size: 32px;
}
.list-page .featured-article .title,
.featured-article .title,
.featured-article .basic-text {
    color: #fff;
}

.featured-article .basic-text {
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.4;
}

/* Video Page ====
==================*/

.video-container {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.video-discription time {
    font-weight:bold;
}

.video-discription .basic-title{
    font-size:20px;
}

.video-discription .article-text{
    font-size:15px;
}

.video-discription .sponsored-by{
    font-size:12px;
    color: #999999;
    margin-top:5px;
}

.block-listing-title {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.block-listing-header {
    font-size: 2em;
    margin-bottom: 10px;
    font-family: "Droid Serif", Georgia, serif;
    color: #999999;
}

.video-listing .row {
    margin-bottom: 30px;
}

.video-listing .sponsored-by {
    margin-top: 5px;
    font-size: 10px;
    color: #999999;
    font-weight: normal;
}

.video-listing .block-listing-title {
    margin-top: 3px;
}

.video-listing article .relative-container {
    margin-bottom: 5px;
    overflow:hidden;
}

.video-listing article img {
    width: 100%;
}


.video-listing article time {
    font-weight:bold;
}

.video-listing a.header-link-right {
    font-size: 0.6em;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 15px;
}

.video-listing .sponsor-tag {
    padding: 3px 5px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    background-color: #D6A841;
}

.video-listing .row .clearfix {
    display:none;   
}

.video-listing .row .clearfix:nth-of-type(even){
    display:block;
}

.sm-size .video-listing .row .clearfix,
.xs-size .video-listing .row .clearfix,
.xxs-size .video-listing .row .clearfix{
    display:block;
}




/* Inside the magazine
======================*/
.inside-the-magazine{
    background-color:#F4F4F4;
    padding:20px 40px;
    width:100%;
}
.inside-the-magazine .slide{
    width:100%;
}
.inside-the-magazine article {
    position:relative;
    color:#fff;
    font-size:12px;
    padding:0 5px;
}
.inside-the-magazine article img {
    width:100%;
    display:block;
}
.inside-the-magazine article .text {
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.3);
    height:100%;
    width:100%;
    padding:10px;
}
.inside-the-magazine article a {
    display:block;
    width:100%;
    height:100%;
}
.inside-the-magazine article a:hover {
    color:#fff;
}
.inside-the-magazine h4  {
    font-size:17px;
    padding-top:5px;
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    line-height:20px;
}

.inside-the-magazine .header {
    margin-bottom:20px;
}
.inside-the-magazine .inside-the-magazine-nav {
    font-size:12px;
    position:absolute;
    bottom:0;
    right:0;
    cursor:pointer;
}
.inside-the-magazine .left-button {
    right:35px;
}

.xs-size .inside-the-magazine article,
.xxs-size .inside-the-magazine article {
    padding-bottom:10px;
}


/* Sponsored Messages
======================*/
.sponsored-messages {
    padding-top:20px;
    padding-bottom:20px;
}
.sponsored-messages .listing-header{
    padding-bottom:20px;
}

.sponsored-messages .sponsored-message{
    font-size:16px;
    line-height:20px;
    padding-bottom:20px;
}
.sponsored-messages .sponsored-message:nth-child(2){
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
}
.sponsored-messages .sponsored-message a {
    color:#CC9900;
    display:block;
    font-weight:bold;
    padding-bottom:5px;
    font-size:14px;
}

/* Breadcrumb styles
======================*/
.breadcrumbs {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom:1px solid #ccc;
    font-size: 12px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: normal;
}

.breadcrumbs > span:last-child {
    color:#41C6EF;
}


/* Dianomi Ad styles
======================*/
.dianomi-content {
    padding-top:40px;
    padding-bottom:20px;
}

.main-sidebar .dianomi-content {
    padding:0;
}


/* Article page and social styles
======================*/
.white-background { /*to maintain white background on scrolling articles*/
    background-color:#fff;
}
.article-page {
    padding-bottom:40px;
}

.article-page header {
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}

.article-page .article-info{
    margin-top:5px;
    margin-bottom:5px;
    display:inline-block;
}

.article-page .social-media {
    vertical-align: top;
    margin-top: 20px;
    display: inline-block;
}
.xs-size .article-page .social-media,
.xxs-size .article-page .social-media {
    position:static !important;
}

.social-media ol {
    list-style: none;
}

.social-media li {
    font-size: 30px;
    text-align: center;
    margin-top: 5px;
    display:inline-block;
}

.social-media .social-reprint,
.social-media .social-print {
    font-size:25px;
}

.social-media li .fa {
    color:#999;
}
.social-media li .facebook-share-link .fa:hover {
    color:#3b5998;
}
.social-media li .twitter-share-link .fa:hover {
    color:#55ACEE;
}
.social-media li .linkedin-share-link .fa:hover {
    color:#0077b5;
}
.social-media .social-email .fa:hover {
    color:#006EC3;
}
.social-media .social-reprint .fa:hover {
    color:#E15D4F;
}
.social-media .social-print .fa:hover {
    color:#444;
}

/*only show print button on approved templates*/
.social-media .social-print {
    display:none;
}

body.single-format-standard .social-media .social-print,
body.single-thought-leadership .social-media .social-print,
body.single-magazine .social-media .social-print,
body.single-exclusives .social-media .social-print {
    display:inline-block;
}




.horizontal-social-media-container{
    padding-bottom:10px;
}
.horizontal-social-media-container .social-media li {
    display:inline-block;
    padding-right:15px;
}
.horizontal-social-media-container .social-media li:last-child {
    padding-right:0;
}

/* Login Page ====
==================*/
#div_login {
    padding:20px;
}
#div_login .login-box  {
    max-width:750px;
}
#div_login .login-box table {
    width:100%;
}
#div_login .login-box input{
    width:100%;
}
#div_login .login-box > div:not(:last-child) {
    border-right:1px solid #ccc;
}

#div_login .login-box .block-listing-header {
    font-family:'Open Sans', Arial;
    font-size:25px;
}
#div_login .login-box .forgot-password {
    font-style:italic;
    font-size:12px;
    text-decoration:underline;
}

#div_login .login-box p{
    margin-bottom:20px;
}

#div_login .login-box .red-button{
    font-size:12px;
}
#div_login .login-box .red-button:last-child{
    float:right;
}

#div_login .login-table td {
    padding:10px;
}
#div_login .login-table td:first-child {
    width:100px;
    padding-left:0;
}
#div_login .login-table #login_submit {
    width:100px;
}
#div_login #div_result {
    display:inline-block;
    padding:0 10px;
    color:#41C6EF;
}

.article-body aside.advertisment {
    font-size:12px;
    margin:30px 0;
}

.article-body {
    margin: 20px 0 0 0;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    padding-left:0;
}

.article-body a {
    color:#41C6EF;
}

.article-title-basic {
    font-family:"Roboto Slab", "Times New Roman", Times, serif !important;
    font-size: 36px;
    font-weight: 300;
    margin: 0;
}

.xxs-size .article-title-basic,
.xs-size .article-title-basic {
    font-size: 20px;
}
.sm-size .article-title-basic {
    font-size: 20px;
}

.featured-article .article-title-basic {
    color: #fff;
    margin: 2px 0 5px;
    line-height: 1.2;
}

.article-summery-basic {
    font-family:"Roboto Slab", "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 1.4em;
    margin-top:10px;
    font-weight:300;
}

.article-page .article-sidebar-block {
    background-color:#DCDCDC;
    padding:20px;
    margin-bottom:20px;
}

.article-page .author {
    margin:10px 0 0 0;
    font-style:italic;
    font-size:16px;
    font-weight:300;
}

.article-page .author a{
    color:#41C6EF;
}
.article-page .article-tags {
    padding-top:20px;
}
.article-page .article-tags,
.article-page .article-tags a{
    color:#666;
}
.article-page .article-tags a:hover{
    color:#41C6EF;
}

.article-banner-ad {
    text-align: center;
    /*padding: 3% 0;*/
    clear: both;
}
.article-banner-ad .top-banner {
    border-bottom:1px solid #aaa;
}

.top-banner {
    margin: 0 0 40px;
}

.no-show {
    display: none;
}

.article-page .fa-spinner {
    display: block;
    margin: 20px auto;
}

ol.tag-list {
    margin-top: 20px;
    padding-left: 0;
    font-size: 11pt;
}

ol.tag-list li {
    padding: 1px 1px 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px dotted #cecece;
}

ol.tag-list li a {
    display: block;
    padding:5px 0;
}

/*Search Page Input */
.full-width-search {
    padding-bottom:20px;
}
.full-width-search .search-input {
    width:90%;
    background-color:#F5F5F5;
    box-shadow:none;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.full-width-search .search-submit {
    width:10%;
    background-color:#41C6EF;
    border-right:1px solid #41C6EF;
    border-top:1px solid #41C6EF;
    border-bottom:1px solid #41C6EF;
    color:#fff;
    font-weight:bold;
}
.xxs-size .full-width-search .search-input,
.xs-size .full-width-search .search-input {
    width:75%;
}
.xxs-size .full-width-search .search-submit,
.xs-size .full-width-search .search-submit {
    width:25%;
}

.market-mirror li p:not(:last-child) {
    margin-bottom: 1em;
}


h3.type-header, 
h5.type-header {
    font-family: 'Roboto Slab', "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.4;
}

h5.type-header {
    font-size: 19px;
    font-weight: 300;
}

ul.survey-years {
    margin: 20px 0 0;
    font-size: 0;
}

.survey-years li {
    font-weight: bold;
    font-family: "Oswald", sans-serif;
    display: inline;
}

.survey-years li a {
    display: inline-block;
    padding: 5px 30px;
    font-size: 14pt;
    margin-right: 10px;
    background: #c7c7c7;
    transition: all 0.2s ease;
}

.survey-type-featured img {
    width: 100%;
    display: block;
    margin: 0 0 10px;
}

/* countdown */
/**
 *  This element is created inside your target element
 *  It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
 *  This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
}

/**
 *  Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', Arial;
    line-height: 1;
}

/**
 *  Time numbers, ie: 12
 **/
.time_circles > div > span {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', Arial;
    line-height: 1;
    font-weight: bold;
}

.date-countdown-block > .class-container {
    border-bottom: 1px solid #ccc;
    font-family: 'Open Sans', Arial;
}

.date-countdown-block h3 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 700;
}

/*special coverage module*/
.special-coverage {
    padding-bottom: 20px;
    clear: both;
}

.special-coverage img {
    border-radius: 100%;
    max-width: 100px;
}

.special-coverage .outer-border {
    border:1px solid #42C5EF;
    padding:4px;
}

.special-coverage .inner-border {
    border:1px solid #42C5EF;
    padding:24px 20px;
}

.special-coverage .sub-header {
    margin-top:8px;
    margin-bottom:8px;
}

.special-coverage .basic-text-2 {
    font-size: 16px;
    line-height: 25.6px;
}

.special-coverage .basic-text-2 a:hover {
    color: inherit;
}


.special-coverage .see-more-arrow {
    float: none;
    width: 100%;
}

.special-coverage .more-link {
    text-align: right;
}

.special-coverage.mobile,
.xs-size .special-coverage,
.xxs-size .special-coverage,
.sm-size .special-coverage {
    display: none;
}

.sm-size .special-coverage.mobile,
.xs-size .special-coverage.mobile,
.xxs-size .special-coverage.mobile {
    display: block;
}

.xs-size .special-coverage .icon,
.xxs-size .special-coverage .icon,
.sm-size .special-coverage .icon {
    padding-right: 0;
    margin-bottom: 10px;
}

.xs-size .special-coverage img,
.xxs-size .special-coverage img,
.sm-size .special-coverage img {
    max-width: 80px;
}

/*============================
======= MOBILE STYLES ========
=============================*/

/*header breakpoint changes*/
.xs-size .main-header .main-nav,
.xxs-size .main-header .main-nav {
    min-height:45px;
}

.md-size .main-header .main-nav li a {
    padding-left:10px;
    padding-right:10px;
    font-size:15px;
}
.md-size .main-header .main-nav .logo img {
    max-width:125px;
}

.sm-size .main-header .main-nav li a {
    padding-left:6px;
    padding-right:6px;
    font-size:14px;
}

.sm-size .main-header .main-nav li.logo a {
    padding-top:10px;
}

.sm-size .main-header .main-nav .logo img {
    max-width:75px;
}

.sm-size .main-header .main-nav .search-button a {
    padding-right:6px;
    padding-top:9px;
    font-size:14px;
}

/*featured text, basic text, and headers*/
.xs-size:not(.post-type-archive-research ) .list-page .featured-article,
.xxs-size:not(.post-type-archive-research ) .list-page .featured-article {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.xxs-size .featured-article img, 
.xxs-size .list-page .featured-article img {
    max-width:100%;
    width:100%;
}

.xxs-size .list-page .list-item .title,
.xxs-size .listing-title,
.xs-size .list-page .list-item .title,
.xs-size .listing-title,
.xs-size .featured-article .article-title-basic,
.xxs-size .featured-article .article-title-basic {
    font-size: 18px;
    font-weight: 400;
}

.xs-size .featured-article .basic-text,
.xxs-size .featured-article .basic-text {
    font-family: 'Open Sans', Arial;
    font-weight: 400;
}

.sm-size .list-page .list-item .title,
.sm-size .listing-title {
    font-size: 22px;
}

.xxs-size .featured-article .text-container,
.xs-size .featured-article .text-container,
.sm-size .featured-article .text-container {
    padding-right:0;
}

.xxs-size .basic-text .excerpt,
.xxs-size .basic-text .excerpt,
.xxs-size .featured-article .basic-text,
.xs-size .list-page .featured-article .basic-text {
    font-size:14px;
}

.sm-size .list-page .featured-article .basic-text {
    font-size: 16px;
}

.xxs-size .featured-article.featured-article-noimage .article-title-basic {
    color:#fff;
    font-weight: 300;
}

.xxs-size .featured-article.featured-article-noimage .basic-text,
.xs-size .featured-article.featured-article-noimage .article-info,
.xxs-size .featured-article.featured-article-noimage .basic-text,
.xs-size .featured-article.featured-article-noimage .article-info,
.xs-size .featured-article .overlay,
.xxs-size .featured-article .overlay {
    display: none;
}

.featured-article-noimage .text-container {
    position: static;
}

.featured-article-noimage .featured-overlay-link {
    display: none;
}

.featured-article.featured-article-noimage {
    background-color:#000;
    padding:25px;
}

/*listing page article blocks*/
.xxs-size .list-page .list-item img,
.xs-size .list-page .list-item .size-post-thumbnail,
.xxs-size .list-page .list-item .size-post-thumbnail,
.xs-size .list-item .size-post-thumbnail,
.xxs-size .list-item .size-post-thumbnail {
    max-width: 100%;
    width:100%;
    margin-right:0;
    margin-bottom: 10px;
    display:block;
    float:none;
}

.xxs-size .list-page .featured-article .size-featured,
.xs-size .list-page .featured-article .size-featured,
.list-page .featured-article .size-post-thumbnail,
.featured-article .size-post-thumbnail,
.xxs-size .featured-article .size-featured,
.xs-size .featured-article .size-featured {
    display: none;
}

.xxs-size .featured-article .text-container,
.xs-size .featured-article .text-container {
    position: static;
    width: 100%;
    color: #000;
}

.xxs-size .featured-article:not(.featured-article-noimage) .article-title-basic,
.xxs-size .featured-article:not(.featured-article-noimage) .basic-text,
.xs-size .featured-article:not(.featured-article-noimage) .article-title-basic,
.xs-size .featured-article:not(.featured-article-noimage) .basic-text {
    color: #000;
}

.xxs-size .list-page .list-item .short {
    max-width: 100%;
    width:100%;
    display: block;
    vertical-align: top;
}


/* video page */
.xl-size .video-listing article .relative-container,
.lg-size .video-listing article .relative-container,
.md-size .video-listing article .relative-container,
.sm-size .video-listing article .relative-container {
    max-height:110px;
}

.image-on-top {
    max-width: 100%;
    width: 100%;
    }

.image-on-top img {
    width: 100%;
    max-width: 100%;
    }

.image-on-top p.wp-caption-text {
    padding: 0;
    margin: 0 0 15px;
}

.letters {
    font-size: 0;
    text-align: center;
    margin-bottom: 20px;
}

.letters li {
    display: inline-block;
    font-size: 11pt;
}

.letters li a {
    padding: 10px 0;
    text-align: center;
    color: #41C6EF;
    display: block;
}

.letters li:not(:last-child) {
    border-right: 1px solid #eee;
}

#cookie-policy {
    position: fixed;
    bottom: -200px;
    left: 0;
    right: 0;
    width: 100%;
    color: #000;
    background: #007FA5;
    z-index: 999;
    color: #fff;
    padding: 36px 0;
    line-height: 1.5;
    font-size: 20px;
}

#cookie-policy .container {
    position: relative;
    padding: 0 180px 0 0;
}

#cookie-policy a {
    text-decoration: underline;
}

#cookie-policy a:hover {
    color: inherit;
}

#cookie-policy #accept-cookies {
    border: 1px solid #000;
    padding: 10px 40px;
    color: #000;
    background: #fff;
    display: block;
    text-decoration: none;
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    top: -10px;
    border-radius: 2px;
    right: 0;
    transition: color 0.3s ease;
}

#cookie-policy #accept-cookies:hover {
    color: #007FA5;
}

@media screen and (max-width: 1280px) {
    #cookie-policy .container {
        padding-left: 25px;
    }
    #cookie-policy #accept-cookies {
        right: 25px;
    }
}

@media screen and (max-width: 580px) {
    #cookie-policy .container {
        padding: 0 25px;
    }
    #cookie-policy #accept-cookies {
        position: static;
        width: 100%;
        text-align: center;
        display: block;
        margin: 25px 0 0;
    }
}