/* 
Theme Name: CIO
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;
}
ol, ul {
    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: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: 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;
}

/*
 * 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: 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;*/
}

.d-flex {
    display: flex;
    flex-flow: nowrap;
    flex-direction: row;
}

.justify-content-between {
    justify-content: space-between;
}


/* ======== 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: 1200px) {
    .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;
}


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

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

strong,
.bold,
b {
    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-size: 0.75em;
}

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

small {
font-size:0.8em;
}

blockquote {
    padding-left:7%;
    padding-right:3%;
    font-style:italic;
    margin:20px 0;
    line-height:30px;
}

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

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

.home .iss-banner,
.cio-banner {
    background-color: #02C9DA;
    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,
.cio-banner span {
    font-size: 20px;
    font-weight: 700;
}

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

/* ============================================================
  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*/
.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{
    border:none;
    padding:0;
    margin:0;
    max-width: 100%;
}
.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;
}




/* ============================================================
  Animations - Custom animations using classes to change states (useful for jquery).
  Prime with the desired effect class, then fire with the .active class.
  Most set to 0.5s to keep animations in sync.
============================================================ */

.fade-in {
    opacity: 0;
    -o-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.fade-in.active {
    opacity: 1;
}

.post-type-archive-webcasts .listing-header-bordered {
    margin-bottom: 0;
}

.post-type-archive-webcasts .article-info time {
    font-weight: bold;
}

/*end animation classes*/

.hide {
    display:none;
}

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

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

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

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

.social-nav, 
.supernav-links, 
.login-buttons {
    float: right;
    text-transform: uppercase;
}

.social-nav {
    margin-right: 10px;
}

ul.social-nav li a {
    color: #aaa;
    padding: 0 5px 0 0;
}


.relative {
    position: relative;
}

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

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

.basic-text,
.excerpt{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.3em;
}
.small-text .excerpt {
    font-size:inherit;
}
.small-text {
font-size:11px;
}
.all-caps {
    text-transform:uppercase;
}
.article-text {
    font-family: "Droid Serif", Georgia, serif;
    font-size: 17px;
    line-height: 1.6em;
}

.article-info {
    color: #00a1af;
    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 {
    padding-left: 5px;
}

.article-body iframe {
    margin-bottom: 25px;
}

.article-info time {
    color:#333;
    font-size:0.95em;
}

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

.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;
}

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


.small-bold-header {
font-size:17px;
font-weight:700;
color:inherit;
}

.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-purple {
    color: #8b3695 !important;
}

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

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

.article-text a {
    color:#00a1af;
}

a:hover {
    text-decoration:none;
    color: #01C9DA;
}
.article-text a:hover {
    color: #f47b20;
}

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

a.header-link-right {
    float: right;
    font-size: 0.8em;
}

.link-header {
    position: relative;
}

.blue-button {
    background-color: #2098D1;
    font-family: 'Open Sans';
    color: #fff;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    display:inline-block;
    font-size:inherit;
    text-align:center;
}
.blue-button:hover {
    box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
    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;
}

.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-bordered {
    border-bottom: 1px solid rgb(204, 204, 204);
    font-family: "Droid Serif", Georgia, serif;
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 10px;
}


.listing-header {
    font-family: "Droid Serif", Georgia, serif;
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 15px;
}

.section-header {
	font-size: 3.0rem;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.2px;
	line-height: 1em;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 20px;
}

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

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

.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: #00a1af;
    display: inline-block;
    text-decoration:none;
}

.paged-pagination .home-list-archive-link {
    font-size:16px;
}
.paged-pagination .home-list-archive-link .fa {
    font-size:13px;
    position:relative;
    top:0;
}

.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;
}
.paged-pagination.full-width-pagination ol {
    background-color:#fff;
    padding-left:5px;
    padding-right:5px;
}
.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;
}

.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:3px;
    background-color:#E1E1E1;
    border:none;
    z-index:-1;
}
.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;
}

.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;
}

.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;
}

.horizontal-social div {
    display:inline-block;
    margin:0;
    padding:0;
    width:auto;
    float:none;
}
.horizontal-social .row {
    display:inline-block;
    margin:0;
    padding:0;
    width:auto;
    float:none;
}
.horizontal-social .social-media li {
    display:inline-block;
    margin:0 15px 0 0;
    padding:0;
    width:auto;
    float:none;
}


/*===== ad globals 
==================*/

.ad {
    max-width: 9999px;
}

.ad img {
    max-width: 9999px;
}

/*
stop wallpaper ad divs from expanding in the header
*/
#div-ppd,
#div-skin,
#div-interstitial,
#div-premium {
height:0;
}
/*
#google_ads_iframe_/9107/cio.us/home_3 {
    height:auto !important;
}
#div-native iframe {
    height:auto !important;
}
*/
#div-native > div {
    padding:0 !important;
}



/*===== Breadcrumb Globals 
==================*/
.breadcrumbs {
    padding-bottom:10px;
    margin-bottom:10px;
    color:#aaa;
    font-size:12px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    line-height:normal;
}

.breadcrumbs > span:last-child {
    color:#00a1af;
}

.breadcrumbs a {
    text-transform:capitalize;
}

/*===== Input style Globals 
==================*/
.basic-form .form-element-instruction {
    font-size: 14px;
}
.basic-form input[type='text'],
.basic-form input[type='password'] {
    border:1px solid #ccc;
    font-family:'Open Sans';
    font-size:0.9em;
    padding:5px 10px;
    font-style:italic;
    background-color:#F2F2F2;
}

.basic-form select{
    border:1px solid #ccc;
    font-family:'Open Sans';
    font-size:0.9em;
    padding-left:5px;
    padding-right:5px;
    font-style:italic;
    background-color:#F2F2F2;
    max-width: 100%;
}
.basic-form select option{
    padding:5px 10px;
}
.basic-form input[type="submit"]{
	background-color:#2098D1;
	font-family:'Open Sans';
	color:#fff;
	font-weight:600;
	padding-top:5px;
	padding-bottom:5px;
}

.basic-form small{
    font-size:0.7em;
    line-height:1em;
}


/*===== Global header and branding 
===============================*/
.main-header .subscription-image-container {
    max-width:100px;
    position:absolute;
    bottom:-1px;
    left:40px;
}

#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 .search-container {
    margin-top: 5px;
}

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

.main-header header,
#sticky-nav {
    background: #000;
}

.main-header header {
    position:relative;
    padding: 10px 0 0 0;
}

.main-header .header-ad-container .col-sm-12 {
    min-height:0;
}
.main-header .header-ad {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
}

.main-header li {
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.3);
}

.main-header li:last-child {
    border-right:none;
}

.main-header li {
    border-bottom: 6px solid transparent;
}

.main-header li:hover {
    border-bottom: 6px solid #01C9DA;
}

.main-header li a {
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

.main-header li li,
.main-header li li:hover {
    border-bottom: none;
}

.main-header li li a:hover {
    color: #01C9DA;
}

.main-header .navigation-row {
    padding: 5px 0 0 0;
}

.main-header .main-nav li {
    width: auto;
    float: left;
}

.main-nav a {
    text-decoration: none !important;
}

.main-header .main-nav .menu-item-has-children> a:after {
    content: ' \0f078';
    font-family: 'FontAwesome';
}

.main-header .main-nav ul li {
    position: relative;
}

.main-header .main-nav ul li li {
    padding: 0;
}

.main-header .main-nav ul li a {
    display:block;
    padding: 13px;
}
.main-header .main-nav ul.menu > li:first-child a {
    padding-bottom: 8px;
}

.main-header .main-nav ul li .fa-home {
    font-size: 18px;
    position: relative;
    top: -3px;
}

.main-header .main-nav ul li ul {
    position: absolute;
    top: 98%;
    left: 0;
    background-color: #000;
    min-width: 200px;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease;
    border-top: 5px solid #01C9DA;
}

.main-header .main-nav ul li:hover ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.main-header .main-nav ul li ul li {
    border: none;
    border-top: 1px solid #ccc;
    text-align: left;
    display: block;
    float: none;
    height: auto;
}

.main-header .main-nav ul li ul li a {
    padding: 10px 15px;
}

.main-header .main-nav ul li ul li:hover {
    background-color: #000;
}

.main-header .main-nav ul li ul li:first-child {
    border: none;
}
.main-header  .search-container {
    display:inline-block;
    float:right;
    width:18%;
    margin-top: 7px;
}
.main-header  .search-container input[type='text'] {
    display: inline-block;
    max-width: 140px;
    font-size: 12px;
    font-style:italic;
    color:#fff;
    width: 75%;
    height: 100%;
    padding:5px 10px;
    text-align: left;
    border-radius: 3px;
    border-color: rgba(0, 0, 0, 0.3);
    background-color:#2B2E34;
    border-right: none;
}

.main-header .search-container input[type='submit'] {
    display: inline-block;
    height: 100%;
    background-color: #2B2E34;
    color: #fff;
    border: none;
    padding: 11px 10px;
    line-height:0;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
}


.main-header .super-nav #menu-top-nav {
    padding-top:3px;
}

.main-header .super-nav li a:hover {
    color: #01C9DA;
}

.main-header .super-nav > div {
    display: inline-block;
    float: right;
}

.main-header .super-nav li {
    border: none;
    display: inline-block;
    padding: 0 5px;
}

.main-header .super-nav li a {
    padding: 5px 10px;
}

.main-header .supernav-links li a {
    border: none;
    font-weight: bold;
    font-size: 10px;
}

.main-header .supernav-links li.social a {
    font-size: 14px;
    color: #9D9D9D;
    font-weight: normal;
}

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

.main-header .supernav-links .menu-item-has-children .sub-menu {
    position:absolute;
    top:96%;
    left:0;
    z-index:10000;
    display:none;
    width:135%;
    box-shadow:0px 3px 8px 0px rgba(0,0,0,0.3);
    background-color: #fff;
}
.main-header .supernav-links .menu-item-has-children .sub-menu li {
    display:block;
    padding:0;
}
.main-header .supernav-links .menu-item-has-children .sub-menu a {
    padding:10px 10px 10px 15px;
    border-bottom:1px solid #ccc;
    border-left:none;
    display:block;
    text-align: left;
    background-color: #fff;
    color: #000;
    font-size: 0.85em;
}

.main-header .supernav-links .menu-item-has-children .sub-menu a:hover {
    color: #02c5d7;
}

.main-header .supernav-links .menu-item-has-children:hover .sub-menu {
    display:block;
}

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

.main-header .social-nav li a {
    padding:3px 5px 0 0;
}

.main-header .login-buttons {
    text-transform:none;
}
.main-header .login-buttons li a {
    background-color:#F7AD0E;
    color:#000;
    display:inline-block;
    font-size:10px;
}
.main-header .login-buttons li a[href*=logout] {
    color: #fff;
    background: transparent;
    margin: 3px 0 0;
}

.main-header .login-buttons li a:hover {
    background-color:#00a1af;
    color:#000;
}


.sm-size .main-header .main-nav>ul>li:first-child {
    display:none;
}
.sm-size .main-header .main-nav ul li a {
    padding:5px 12px;
    font-size:12px;
}
.sm-size .main-header .main-nav ul li:last-child a {
    padding-right:0;
}
.sm-size .main-header .search-container input[type="submit"] {
    padding-left:3px;
    padding-right:3px;
}
/*SLICKNAV and Mobile Nav styles
================*/

.main-header .slicknav_menu {
    background-color: #000;
}

.slicknav_nav a:hover {
    color: #01C9DA;
}

.main-header .slicknav_menu ul {
    width: 100%;
    opacity: 1;
}

.main-header .slicknav_menu li {
    border: none;
    width: 100%;
    text-align: left;
}

.main-header .slicknav_nav a {
    margin: 5px 0 0 0;
    padding: 10px 0;
}

.main-header .slicknav_nav a:hover,
.main-header .slicknav_nav li li {
    background-color: transparent;
}

.main-header .slicknav_menu {
    display: none;
    padding: 0;
}

.xs-size .main-header,
.xxs-size .main-header {
    padding-bottom:60px;
}

.xs-size .main-header .slicknav_menu,
.xxs-size .main-header .slicknav_menu {
    display: block;
}

.xs-size .main-header .navigation-row,
.xxs-size .main-header .navigation-row {
    margin: 0;
    padding: 0;
}

.xs-size .main-header header,
.xxs-size .main-header header {
    padding: 10px 0;
    position:fixed;
    width:100%;
    z-index:1000;
}

.xs-size .main-header .logo,
.xxs-size .main-header .logo {
    padding-bottom: 0;
    float: left;
    z-index: 1000;
}

.xs-size .main-header .logo img,
.xxs-size .main-header .logo img {
    max-width: 80px;
}

.xs-size .main-header .search-container,
.xxs-size .main-header .search-container {
    position: static;
    opacity: 1;
    padding-left: 0;
    text-align: left;
}

.xs-size .main-header .search .fa-search,
.xxs-size .main-header .search .fa-search {
    top: 2px;
}


/* Main container global styles
===============*/
.main-container  {
    padding-top: 25px;
    background-color:#fff;
}

.main-content {
    margin-bottom: 40px;
}

/*
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% - 315px);
    -webkit-width:calc(100% - 315px);
    -o-width:calc(100% - 315px);
    width:70.667%;/* fallback */
    width:calc(100% - 315px);
    padding-right:40px;
}
.main-content.no-sidebar {
    -moz-width:100%;
    -webkit-width:100%;
    -o-width:100%;
    width:100%;
    padding-right:15px;/*has to be set. col-sm-12 standard*/
}
.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 =======
==========================*/
.main-sidebar aside {
    max-width:300px;
    display:block;
    padding:0;
    margin:0;
    float:right;
}
.xs-size .main-sidebar aside,
.xxs-size .main-sidebar aside{
    float:none;
    margin:0 auto;
}

#sidebarplay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    width: 45px;
    margin: 0;
}

.main-sidebar section {
    margin-bottom: 40px;
    clear: both;
}

.main-sidebar .email-promo {
    margin-bottom: 0;
}

.box-ad {
    text-align: center;
}

.sidebar-header,
.main-sidebar section.industry-white h1 {
    color: #00a1af;
    font-family: bertholds, helvetica, arial;
    font-size: 15px;
    font-weight: bold;
    margin-bottom:10px;
    padding-top:5px;
    text-transform: uppercase;
    border-top:3px solid #00a1af;
}

.main-sidebar .industry-white .white-paper-container {
    padding:10px 0;
    border-top:1px solid #cccccc;
}

.main-sidebar .industry-white .featured-whitepaper {
    border-top: 2px solid #CC9900;
    border-bottom: 2px solid #CC9900 !important;
    background: #f8f8f8;
    min-height: 107px;
}

.main-sidebar .industry-white li {
    font-size: 12px;
    width: 100%;
    display: block;
    line-height: 15px;
    position: relative;
    padding: 10px 90px 10px 0;
    min-height: 90px;
}

.main-sidebar .industry-white li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.main-sidebar .industry-white .wp-title {
    display: block;
    font-size: 12px;
}
.main-sidebar .industry-white li a {
    color: #2a6496;
}
.main-sidebar .industry-white img {
    position: absolute;
    right: 0;
    top: 10px;
    width: 80px;
    height: auto;
}

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

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

.main-sidebar section.most-popular h3 {
    margin-bottom:2px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}


.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;
    line-height:16px;
}

.main-sidebar .featured-box-container img {
    width:100%;
}

.main-sidebar .featured-box-container .text-box {
    font-size: 14px;
    line-height: 1.2em;
    padding:10px 0;
}

.main-sidebar .featured-box-container .text-box .listing-title {
    font-size:18px;
}

.main-sidebar .thought-leadership li .sponsor{
    font-size:12px;
    font-family:'Open Sans';
    line-height:16px;
}
.main-sidebar .thought-leadership li img{
    max-width:100px;
}
.main-sidebar .thought-leadership .tl-video-slideshow{
    margin-bottom:20px;
    min-height:220px;
}

.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: 700;
}

/*email block*/
/* ===============
    No longer used
==================
.main-sidebar .email-signup {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #01808b 0%, #00a1ae 100%) repeat scroll 0 0;
    padding: 12px 15px 10px;
}

.main-sidebar .email-signup input[type="email"],
.main-sidebar .email-signup input[type="text"] {
    background-color: #005d65;
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: 2px 5px 6px 0 #013034 inset;
    color: #b2bbbb;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 11px;
    font-style: italic;
    height: 22px;
    margin-bottom: 10px;
    padding: 0 7px;
    width: 70%;
}

.main-sidebar .email-signup input[type="submit"] {
    background-color: #4b4b4b;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 22px;
    margin-left: -3px;
    padding: 0;
    vertical-align: top;
    width: 30%;
}

.main-sidebar .email-signup a {
    display: inline-block;
    vertical-align: top;
    color: #f5f9f9;
    float: right;
    font-size: 10px;
    height: 13px;
    line-height: 14px;
    margin-right: 3px;
    text-align: right;
    vertical-align: top;
}

.main-sidebar .email-signup h2 {
    border-bottom: medium none;
    color: #f5f9f9;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: none;
}

.main-sidebar .email-signup div {
    display: inline-block;
}

.main-sidebar .email-signup .input-area {
    display: block;
}

.main-sidebar .email-signup .radio-button {
    height: 22px;
    overflow: hidden;
}

.main-sidebar .sidebar-email label,
.main-sidebar .sidebar-email input[type="radio"] {
    vertical-align: text-top;
}

.main-sidebar .email-signup label {
    color: #f5f9f9;
    display: inline-block;
    font-size: 1.2em;
    margin-left: 2px; 
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.main-sidebar .email-signup .archive {
    float: right;
}
*/
/*end email block*/

.main-sidebar .most-popular ul li {
    color: #333;
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0 0 3% 0;
    display:list-item;
    list-style-type: none;
    overflow:visible;
}

.main-sidebar .featured-video img {
    margin-bottom: 10px;
    width: 100%;
    display: block;
}

.main-sidebar .featured-video .fa {
    position: absolute;
    bottom: 6px;
    left: 0;
    padding: 14px 18px;
    background-color: rgba(0, 161, 175, 0.5);
    color: #fff;
    font-size: 2.4em;
    line-height: 0;
}

.main-sidebar .featured-video .title,
.main-sidebar .thought-leadership  .title {
    margin-bottom: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.featured-video .basic-text,
.featured-video .excerpt {
    font-size: 14px;
}

.main-sidebar .featured-surveys article {
margin-bottom:15px;
}
.main-sidebar .featured-surveys img {
max-width:34%;
float:left;
margin-right:10px;
}
.main-sidebar .featured-surveys .fa {
    font-size:12px;
    color:#F7AD0E;
    vertical-align:top;
    position:relative;
    top:2px;
}
.main-sidebar .block-listing-title {
    margin-bottom:0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.main-sidebar .block-listing-title div {
    display:inline-block;
    padding-left:5px;
    max-width:290px;
}

.main-sidebar .sponsor {
    font-size: 12px;
    line-height: 14px;
}

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

.main-footer {
    background-color:#1A1A1A;
    color: #b1b1b1;
    margin-top: 30px;
    padding: 30px 0 70px 0;
    font-family:'Open Sans';
    font-size:14px;
    line-height: 1.5em;
}

.main-footer .footer-bar img {
    max-width:100px;
}

.main-footer .footernav-social li {
    display: inline-block;
    font-size: 15px;
    color: #cccccc;
    background-color: transparent;
    margin: 0;
}

.main-footer .footernav-social li a {
    padding: 15px 10px 0 0;
    display: block;
    color: #D1D1D1;
    transition: color 0.4s;
}

.main-footer h5 {
    font-family:'Open Sans';
    margin-bottom: 5px;
    line-height: 1.6;
    font-size:16px;
    font-weight:bold;
    text-transform: capitalize;
}

.main-footer li {
    margin-bottom: 5px;
}

.main-footer .site-footer {
    padding-top:10px;
    font-size:10px;
    border-top: 1px solid #333;
}

.main-footer .site-branding {
    font-size: 14px;
    line-height: 1.45em;
}

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

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

.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;
}

.main-footer .site-branding .site-branding-section {
    margin-bottom: 9px;
    padding: 0;
}

.main-footer .site-branding .site-branding-divider {
    margin-top:15px;
    margin-bottom: 15px;
    padding: 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid #ccc;
    color: #979797;
}

.main-footer .footer-column {
    max-width: 18%;
    padding:0 2.5% 0 2.5%;
    width: 100%;
}
.main-footer .footer-column:nth-child(2) { 
    max-width: 22%;
    width: 100%;
}
.main-footer .footer-column:last-child {
    max-width: 42%;
    padding-right: 0;
    width: 100%;
}

.main-footer .footer-column:first-child {
    padding-left: 0;
}


body:is(.sm-size, .xs-size) .main-footer .footer-column {
    max-width: 32%;
    padding:15px;
    width: 100%;
    flex-shrink: 1;
}

body:is(.sm-size, .xs-size) .main-footer .footer-column:last-child {
    max-width: 100%;
    padding:15px;
    width: 100%;
}

body:is(.xs-size) .main-footer .footer-column {
    max-width: 50%;
}

body:is(.xs-size) .main-footer .footer-column:first-child {
    max-width: 100%;
}

/*==== Listing Page Styles 
==========================*/
.home .list-page>div>div,
.mobile-ad div {
    /* caused spacing issue on resize. added cf class and clear instead
    float: left;*/
    clear:both;
    width: 100%;
    border-bottom: 1px solid #ccc !important;
    padding: 3% 0;
    text-align:center;
}

.list-page .list-item {
    padding: 3% 4%;
    border-bottom: 1px solid #cccccc;
}
.list-page .list-item:first-child:not(.featured-article) {
    padding-top:0;
}
.featured-article .title,
.list-page .list-item .title,
.listing-title {
    color: #4b4b4b;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 2.4em;
    font-weight: normal;
    margin: 2px 0 5px;
    line-height: 1.3;
}

.list-page .list-item img {
    display: inline-block;
    padding-right: 3%;
}

.list-page .list-item.block-align img {
    max-width: 27%;/*reduced from 35% because webcast page logos*/
}

.list-page .list-item .short {
    max-width: 65%;
    display: inline-block;
    vertical-align: top;
}

.list-page .featured-article,
.featured-article {
    border: medium none;
    margin: 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 .featured-overlay-link {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 100;
}

.featured-article .article-info,
.list-page .featured-article .title,
.featured-article .title,
.featured-article .basic-text {
    color: #fff;
}

.featured-article .title,
.list-page .featured-article .title {
    font-size: 36px;
}

.sm-size .list-page .featured-article .title,
.xs-size .list-page .featured-article .title{
    font-size: 27px;
}
.xxs-size .list-page .featured-article .title {
    font-size: 23px;
}

.featured-article .basic-text,
.featured-article .excerpt {
    font-size: 18px;
}

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

.featured-article .basic-text {
    font-family: 'Roboto Slab', serif;
}

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

.xxs-size .list-page .featured-article .article-info,
.xxs-size .list-page .featured-article p,
.xxs-size .thought-leadership-slideshow article.list-item div.basic-text,
.xxs-size .thought-leadership-slideshow article.list-item .cycle-next,
.xxs-size .thought-leadership-slideshow article.list-item .cycle-prev{
    display:none;
}

.xxs-size .list-page .list-item img {
    max-width: 100%;
    width:100%;
    margin-right: 0;
    display:block;
}

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



/*survey page*/

.list-page .featured-article.featured-survey {
    color: #fff;
}

.survey-crop,
.secondary-image {
    display: block;
    margin: 0 0 20px;
}

/*archive pages general */

.past-listing .list-page .listing-header-bordered:nth-child(2) {
    margin-top: 40px;
}

/* Article page styles
======================*/

.article-page {
   /* not sure why this was here
   padding: 0 20px;*/
}

.article-page .article-info{
    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;
}

/*== designr requested, will change eventually */
aside.social-media li .fa {
    color:#999;
}
aside.social-media li .facebook-share-link .fa:hover {
    color:#3b5998;
}
aside.social-media li .twitter-share-link .fa:hover {
    color:#55ACEE;
}
aside.social-media li .linkedin-share-link .fa:hover {
    color:#0077b5;
}

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

.article-body {
    margin: 20px 0 0 0;
    font-family: "Droid Serif", Georgia, serif;
    display: inline-block;
    float: right;
    line-height: 1.6em;
}

.article-body h2 {
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    padding-top:20px;
    margin-bottom:5px;
}


.article-body a {
    color: #00a1af;
}

.article-body a:hover {
    color: #f47b20;
}

.article-body p,
.article-text p {
    margin-bottom: 1em;
}

.article-body ul,
.article-text ul,
.article-body ol,
.article-text ol {
    margin-left:30px;
    margin-bottom:20px;
}
.article-body ul li,
.article-text ul li {
    display:list-item;
    list-style-type:disc;
    list-style-position:outside;
    margin-bottom:10px;
    line-height:22px;
}
.article-body ol li,
.article-text ol li {
    display:list-item;
    list-style-type:decimal;
    list-style-position:outside;
    margin-bottom:10px;
    line-height:22px;
}
.article-body li:last-child,
.article-text li:last-child {
    margin-bottom:0;
}

.article-title-basic {
    color: #4b4b4b;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 3.4em;
    font-weight: normal;
    margin: 0;
}

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

.article-summary-basic {
    color: #5c5f6c;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 2.0em;
    font-style: italic;
    line-height: 1.4em;
    margin-top: 10px;
}

.article-page .author {
    color: #5c5f6c;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.4em;
    margin-top: 10px;
}
.article-page .author a {
    color: rgb(0, 161, 175);
}

/* removed for idev-232
.article-page .author {
    margin: 40px 0 0 0;
}*/

.article-banner-ad {
    text-align: center;
    padding: 3% 0;
    clear: both;
}

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

.dianomi-content {
    padding:40px 0 0 0;
    margin:10px 0;
}
 

/* Basic styles for 
articles or normal text content
======================*/
.standard-styled-content h2 {
    font-weight:bold;
    font-size:19px;
    font-family:'Open Sans';
}
.standard-styled-content ul {
    list-style-type:disc;
    list-style-position:inside;
    margin-bottom:17px;
}
.standard-styled-content ul li {
    margin-bottom:10px;
    font-size:17px;
    font-family:'Droid Serif', Verdana, Geneva, sans-serif;
}
.standard-styled-content ul li:last-child {
    margin-bottom:0;
}
.no-show {
    display: none;
}
article .fa-spinner {
    display: block;
    margin: 20px auto;
}

.table-redesign {
    margin-bottom: 60px;
}

.table-redesign .border-cell {
    border:none;
    text-align: center;
}

.table-redesign .border-cell div {
    border-top:1px solid #333;
    border-right:1px solid #333;
    border-left:1px solid #333;
    padding-top:5px;
    margin-top:5px;
}

.table-redesign .table-header,
.table-redesign h3.table-header {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.table-redesign .table-header.no-border {
    border-bottom: none;
}

.table-redesign .table-header span,
.table-redesign h3.table-header span {
    font-size: 15px;
    font-weight: lighter;
    font-style: italic;
}

.table-redesign p.subhead,
.table-redesign .subhead {
    color:inherit;
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
}

.table-redesign table {
    font-size: 17px;
    line-height: 1.2em;
    width:100%;
    table-layout: fixed;
    font-family: Arial, sans-serif;
}

.table-redesign td {
    padding:6px 5px;
    border-bottom: 1px solid #ccc;
    text-align: right;
    vertical-align: bottom;
}

.table-redesign td.no-border {
    border:none;
}

.table-redesign.no-header tr:first-child td {
    border-top:1px solid #ccc;
}

.table-redesign th[align="left"],
.table-redesign td[align="left"] {
    text-align: left !important;
}

.table-redesign th[align="right"],
.table-redesign td[align="right"] {
    text-align: right !important;
}

.table-redesign th[align="center"],
.table-redesign td[align="center"] {
    text-align: center !important;
}

.table-redesign td:first-child,
.table-redesign.bullet-table td:nth-child(2) {
    text-align: left;
    width: 25%;
    padding-left: 0;
}

.table-redesign td: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{
    font-size:12px;
    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 .blue-button{
    font-size:12px;
}
#div_login .login-box .blue-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:block;
    color:#9C0A0D;
    margin-top: 20px;
}

/* Login - omeda iframe sizing */
.login-box .fancybox-iframe,
.login-box.fancybox-type-iframe,
.login-box.fancybox-type-iframe .fancybox-skin,
.login-box.fancybox-type-iframe .fancybox-outer,
.login-box.fancybox-type-iframe .fancybox-inner {
    max-height: 350px;
}

/* 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 .block-listing-title {
    margin-top: 3px;
}

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

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

.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;
}


/* Thought Leadership =====
===========================*/

.thought-leadership-slideshow article.list-item {
    padding: 0;
    /*min-height: 330px;*/
}
.thought-leadership-slideshow article.list-item .basic-text {
    font-size:14px;
}

.thought-leadership-slideshow .slide,
.thought-leadership-slideshow article.list-item img {
    width: 100%;
    max-width: 100%;
    padding-right:0;
}

.thought-leadership-slideshow article.list-item .basic-text,
.thought-leadership-slideshow article.list-item .title {
    color: #fff;
}

.thought-leadership-slideshow .absolute-container {
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.thought-leadership-slideshow .cycle-next,
.thought-leadership-slideshow .cycle-prev {
    color: #ccc;
    font-size: 3em;
    position: absolute;
    top: 50%;
    z-index: 200;
    height: 30px;
    margin-top: -30px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
}

.thought-leadership-slideshow:hover .cycle-next,
.thought-leadership-slideshow:hover .cycle-prev {
opacity:1;
}

.thought-leadership-slideshow .cycle-prev {
    left: 10px;
}

.thought-leadership-slideshow .cycle-next {
    right: 10px;
}

.thought-leadership-slideshow .cycle-pager {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 3em;
    z-index: 200;
    padding: 0 20px;
    color: #999999;
}

.thought-leadership-slideshow .cycle-pager span:not(:last-child) {
    padding-right: 3px;
}

.thought-leadership-slideshow .cycle-pager-active {
    color: #cc9933;
}

.thought-leadership .thought-leadership-slideshow article.list-item .title {
    font-family:'Droid Serif',Verdana, Geneva, sans-serif;
    font-size:30px;
}

.thought-leadership .list-page .list-item .title {
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    font-size:22px;
}
.thought-leadership .list-page .list-item .sponsored-by {
    margin-bottom:0;
    margin-top:5px;
    font-size:10px;
}

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

/* Contact Us & Team =====
===========================*/
.contact-us .article-info {
    font-size:13px;
    font-weight:bold;
}
.contact-us .title,
.team .team-profile .title {
    color: #4b4b4b;
    font-family: "Droid Serif",Georgia,serif;
    font-size: 25px;
    font-weight: normal;
    margin: 2px 0 10px;
}
.contact-us .contact-block,
.team .team-profile {
    padding-top:20px;
    border-bottom:1px solid rgb(204, 204, 204);
}
.contact-us .person-block {
    margin-top:10px;
    margin-bottom:20px;
}

.team-profile {
padding-bottom:20px;
}
.team-profile p {
margin-bottom:0;
}

/* Media Kit =====
===========================*/
.media-kit .top-nav {
    padding:10px 0;
}
.media-kit .top-nav li {
    display:inline-block;
    margin:5px 0;
}
.media-kit .top-nav li a {
    display:block;
    text-align:center;
    font-size:14px;
    padding:5px 15px;
    border-right:1px dotted #000;
}
.media-kit .top-nav li a:hover,
.media-kit .top-nav li.active a:hover  {
    background-color:#00a1af;
    color:#fff;
}
.media-kit .top-nav li.active a {
    color:#e71737;
    font-weight:600;
}


.media-kit .download-button{
    padding:10px 0;
}
.media-kit .download-button a {
    display:inline-block;
    font-size:12px;
    color:#fff;
    background-color:#00a1af;
    padding:5px 10px;
}
.media-kit .download-button a:hover {
    background-color:#000;
}
/* Subscribe =====
===========================*/
.subscribe-page .form-field {
    margin-top:25px;
    margin-bottom:25px;
}
.subscribe-page .form-field label {
    display:inline-block;
    padding-bottom:10px;
}
.subscribe-page .form-field input:not([type='checkbox']) {
    width:100%;
    min-width:15px;/*checkbox fix*/
}
.subscribe-page .form-field.submit input {
    float:none;
    max-width:160px;
}
.subscribe-page .accordion {
    margin-bottom:40px;
}

.subscribe-page .accordion-section-title {
    color:#333;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #333;
    display:block;
    text-decoration:none;
}
.subscribe-page .acf-checkbox-list ul,
.subscribe-page .acf-checkbox-list {
    margin:0 -15px;
    padding:0;
}
.subscribe-page .acf-checkbox-list li {
    display:block;
}
.subscribe-page .acf-checkbox-list li > div {
    text-align:left;
}
.registration-page select {
    display:block;
    width:100%;
}
span.asterisk{
    color:#9C0A0D;
}
.registration-page .form-field.heading {
margin-bottom:10px;
}
.registration-page input[type='checkbox']{
    text-align:left;
    display:inline-block;
    width:auto;
}

.registration-page .benefits .col-xs-1{
    max-width:8.33px;   
}

.registration-page .text{
        margin-bottom: 0;
}

.registration-page .text li{
    display:list-item;
    list-style-position:inside;
    list-style-type:disc;
}

.subscribe-page .acf-checkbox-list .checkbox-row div {
    display:inline-block;
    vertical-align:top; 
    max-width: 330px;
    line-height: 14px;
}

.subscribe-page .acf-checkbox-list .checkbox-row div label{
    padding:0;
    line-height:18px;
}
#demo_questions > div,
#demo_questions1 > div {
    margin-bottom: 20px;
    background-color: #f4f4f4;
    border:1px solid #ccc;
}

#demo_questions input[type="text"],
#demo_questions select,
#demo_questions1 input[type="text"],
#demo_questions1 select {
    background-color: #fff;
}


.registration-page select {
    display:block;
    width:100%;
}
span.asterisk{
    color:#9C0A0D;
}
.registration-page .form-field.heading {
margin-bottom:10px;
}
.registration-page input[type='checkbox']{
    text-align:left;
    display:inline-block;
    width:auto;
}

.registration-page .benefits .col-xs-1{
    max-width:8.33px;   
}
.registration-page .text li{
    display:list-item;
    list-style-position:inside;
    list-style-type:disc;
}

.subscribe-page .acf-checkbox-list .checkbox-row div {
    display:inline-block;
    vertical-align:top; 
    max-width: 330px;
    line-height: 14px;
}

.subscribe-page .acf-checkbox-list .checkbox-row div label{
    padding:0;
    line-height:18px;
}
#demo_questions,
#demo_questions1 {
    margin-bottom: 20px;
    background-color: #f4f4f4;
    border:1px solid #ccc;
}

#demo_questions input[type="text"],
#demo_questions select,
#demo_questions1 input[type="text"],
#demo_questions1 select {
    background-color: #fff;
}

/* News Archive =====
===========================*/
.news-archive .archive-year-block {
margin-bottom:40px;
}
.news-archive .archive-year-block li {
    margin-bottom:5px;
}
.news-archive .news-archive-container {
    padding-top:40px;
}

/* 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;
}

/* collapse */
.collapse-container {
    overflow: hidden;
}
.collapse-trigger {
    cursor: pointer;
}

.collapse-outer-container {
    overflow: hidden;
    transition: height 0.5s ease-in-out;
}

.collapse-outer-container.closed {
    height:0 !important;
}

/* FEATURE BOX MMOBILE CHANGES */
.xs-size .list-page .list-item,
.xxs-size .list-page .list-item {
    padding-left: 0;
    padding-right: 0;
}

.xs-size:not(.post-type-archive-research ) .list-page .featured-article,
.xxs-size:not(.post-type-archive-research ) .list-page .featured-article {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.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;
}

.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 {
    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 {
    display: none;
}

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

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


/*special coverage module*/
.single-curated-list .d-block,
.single-curated-list.sm-size .d-flex,
.single-curated-list.xs-size .d-flex,
.single-curated-list.xxs-size .d-flex {
    display: block;
}

.single-curated-list .d-flex {
    display: flex;
}

.single-curated-list.lg-size .d-lg-flex {
    display: flex;
}

.single-curated-list .order-1 {
    order: 1;
}

.single-curated-list .order-2 {
   order:2;
   margin-left: 10px;
}

.single-curated-list .section-header:is(.border-bottom-standard) {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.single-curated-list .line-header {
    position: relative;
    margin: 0;
}

.single-curated-list .normal-font-weight {
    font-weight: 400;
}

.single-curated-list .section-header.slim {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.single-curated-list .line-header span {
    background-color: #fff;
    padding-right: 30px;
    position: relative;
    z-index: 5;
    top: -2px;
}

.single-curated-list .line-header .icon:after {
    font: var(--fa-font-light);
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f0fe';
    padding-left: 5px;
    background-color: #fff;
    color: #979797;
    position: absolute;
    top: calc(50% - 12px);
}

.single-curated-list .active .line-header .icon:after, 
.single-curated-list .line-header .active .icon:after, 
.single-curated-list .line-header.active .icon:after {
    font: var(--fa-font-light);
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f146';
    padding-left: 5px;
    background-color: #fff;
    color: #979797;
    position: absolute;
    top: calc(50% - 12px);
}

.single-curated-list .line-header .line {
    min-width: 100%;
    flex: 100%;
    height: 1px;
    background-color: #BFBFBF;
    position: absolute;
    z-index: 2;
    align-self: center;
    left: 0;
}

.single-curated-list .border-bottom-standard {
    border-bottom: 1px solid #ccc;
}

.single-curated-list .basic-text-1 {
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.4em;
    color: #000;
    padding-bottom: 10px;
}

.list-item + .banner-ad {
    border-bottom: 1px solid #D8D8D8;
    padding-top: 25px;
    margin-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    clear: both;
}

.banner-ad.bottom-border {
    border-bottom: 1px solid #D8D8D8;
}

.banner-ad.bottom-spacing {
    padding-bottom: 30px;
}

.special-coverage {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    clear: both;
}

.special-coverage .p-5 {
    padding:20px;
}

.special-coverage.sm-size .p-5 {
    padding:10px;
}

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

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

.special-coverage .inner-border {
    border:1px solid #48AB80;
}

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

.special-coverage .basic-text {
    margin-bottom: 3px;
}

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

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

.special-coverage .more-link {
    color: #00a1af;
    font-size: 16px;
    line-height: 20px;
}

.special-coverage .image img {
    border-radius: 100%;
}

.special-coverage .image {
    flex-shrink: 0;
    margin-right: 0;
    max-width: 135px;
    min-width: 80px;
}

.past-special-coverages > h2 {
    margin-bottom: 45px;
}

.past-special-coverages .collapse-container {
    margin:20px 0;
}

.past-special-coverages .collapse-outer-container:not(.closed) {
    margin-bottom: 20px;
}

.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;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {

}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}


/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {

    .list-page .list-item .short {
        max-width: 64%;
    }

}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .list-page .list-item .short {
        max-width: 55%;
    }

    /* removed. caused images to resize larger than needed.
    .list-page .list-item img {
        width: 36%;
    }
    */

    .main-header .search-container {
        margin-top: 3px;
    }
    
    .sm-size .main-header .main-nav ul li a {
        padding: 10px;
    }

}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {

    .list-page .list-item .short,
    .list-page .list-item img {
        max-width: 100%;
        width: 100%;
        margin: 0 0 10px;
    }
    .list-page .featured-article .title {
        line-height: 1.1;
    }

}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}

/*==================================================
=      Custom Media Queries For various stuff     =
==================================================*/
/*remove the header sub image when the header collides with it*/
@media (max-width: 1450px) {
  .main-header .subscription-image-container {
    display: none;
  }
  
}

.podcast.excerpt {
    margin-bottom: 20px;
}

.main-sidebar .all-podcasts {
    margin: 10px 0 0;
    display: block;
    font-size: 14px;
    text-align: right;
}

.show-comments,
.log-in-to-comment {
    display: block;
    text-decoration: none;
    text-align: center;
    width: calc(100% - 70px);
    color: #00a1af;
    font-size: 10pt;
    text-transform: uppercase; 
    padding: 12px;
    border-radius: 2px;
    margin: 40px 0 20px 70px;
    background: #fff;
    transition: all 0.2s ease;
    font-weight: 300;
    border: 1px solid #00a1af;
}

.show-comments:hover,
.log-in-to-comment {
    background: #eaeaea;
}

.disqus-comments {
    margin: 20px 0 0;
}

.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;
}

.letters ~ .listing-header {
    font-family:Oswald,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom:10px;
    color:#000;
}

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;
}

.slicknav_nav > ul:last-child {
    margin: 0;
}

#ungated {
    background: #03C9DA;
    padding: 30px 0;
    position: relative;
    top: -1px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    line-height: 32px;
}

#ungated a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #fff;
}

#ungated a:hover {
    color: inherit;
}

#cookie-policy {
    position: fixed;
    bottom: -200px;
    left: 0;
    right: 0;
    width: 100%;
    color: #000;
    background: #008165;
    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: #008165;
}

@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;
    }
}