/*
Theme Name: Mayo Clinic Social News Hub
Theme URI: http://carehubs.com
Description: Mayo Clinic Social News Hub.
Version: 1.0
Author: CareHubs, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
.navigation h2.screen-reader-text, .ch-logo{ display:none; }
.search-form .list-item,
.social-share {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
body {
	margin: 0;
	color: #202426;
	background: #f1f1ef;
	font: 18px/1.20 "HelveticaNeueLTStd-Roman", "Arial", "Helvetica", sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}
* {max-height: 1000000px;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

img {vertical-align: top;border-style: none;max-width: 100%;height: auto;}
a {text-decoration: none;color: #003da5;}
a:hover {text-decoration: underline;}
input,textarea,select {font: 100% "HelveticaNeueLTStd-Roman", "Arial", "Helvetica", sans-serif;color: #000;vertical-align: middle;font-size: 14px;}
form,fieldset {margin: 0;padding: 0;border-style: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}

.btn,
button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin: 1px;
	padding-top: 10px;
	-webkit-transition: all .25s linear 0s;
	transition: all .25s linear 0s;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="file"]:hover,
input[type="submit"]:hover {
	text-decoration: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	display: inline-block;
	background: #fff;
	background: rgba(255, 255, 255, .82);
	border: 1px solid #ccc;
	margin: 0;
	padding: 6px 10px 2px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	color: #333;
	font-size: 14px;
}

textarea {overflow: auto;resize: vertical;vertical-align: top;}

input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

h1,h2,h3,h4,h5,h6 {font-family: "HelveticaNeueLTStd-Roman", "Arial", "Helvetica", sans-serif;line-height: 1.2em;margin: 0 0 1.2em;}

p {margin: 0 0 1.2em;}
q {quotes: none;}
q:before,q:after {content: "";content: none;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
table {border-collapse: collapse;border-spacing: 0;}
.bg-stretch img,#overlayPP {max-width: inherit !important;}
.gm-style img {max-width: none;}

/* placeholder input styles */
::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #818285;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #818285;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #818285;
	opacity: 1;
}
:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #818285;
}

@font-face {
	font-family: "HelveticaNeueLTStd-Lt";
	src: url("fonts/HelveticaNeueLTStd-Lt.eot");
	src: url("fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Lt.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeueLTStd-Md";
	src: url("fonts/HelveticaNeueLTStd-Md.eot");
	src: url("fonts/HelveticaNeueLTStd-Md.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Md.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Md.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeueLTStd-Roman";
	src: url("fonts/HelveticaNeueLTStd-Roman.eot");
	src: url("fonts/HelveticaNeueLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Roman.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Roman.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeueLTStd-Th";
	src: url("fonts/HelveticaNeueLTStd-Th.eot");
	src: url("fonts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTStd-Th.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Th.ttf") format("truetype"), url("fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "aleo-regular";
	src: url("fonts/aleo-regular-webfont.eot");
	src: url("fonts/aleo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aleo-regular-webfont.woff2") format("woff2"), url("fonts/aleo-regular-webfont.woff") format("woff"), url("fonts/aleo-regular-webfont.ttf") format("truetype"), url("fonts/aleo-regular-webfont.svg#aleo-regular") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "aleo-light";
	src: url("fonts/aleo-light-webfont.eot");
	src: url("fonts/aleo-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aleo-light-webfont.woff2") format("woff2"), url("fonts/aleo-light-webfont.woff") format("woff"), url("fonts/aleo-light-webfont.ttf") format("truetype"), url("fonts/aleo-light-webfont.svg#aleo-light") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "aleo-bold";
	src: url("fonts/aleo-bold-webfont.eot");
	src: url("fonts/aleo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aleo-bold-webfont.woff2") format("woff2"), url("fonts/aleo-bold-webfont.woff") format("woff"), url("fonts/aleo-bold-webfont.ttf") format("truetype"), url("fonts/aleo-bold-webfont.svg#aleo-bold") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.eot?-qsgep3");
	src: url("fonts/icomoon.eot?#iefix-qsgep3") format("embedded-opentype"), url("fonts/icomoon.ttf?-qsgep3") format("truetype"), url("fonts/icomoon.woff?-qsgep3") format("woff"), url("fonts/icomoon.svg?-qsgep3#icomoon") format("svg");
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-archive:before {content: "\e600";}
.icon-arrow-b:before {content: "\e601";}
.icon-arrow-next:before {content: "\e602";}
.icon-arrow-prev:before {content: "\e603";}
.icon-arrow-r:before {content: "\e604";}
.icon-binoculars:before {content: "\e605";}
.icon-chat:before {content: "\e606";}
.icon-chat2:before {content: "\e607";}
.icon-clock:before {content: "\e608";}
.icon-close:before {content: "\e609";}
.icon-expand:before {content: "\e60a";}
.icon-facebook:before {content: "\e60b";}
.icon-facebook2:before {content: "\e60c";}
.icon-flame:before {content: "\e60d";}
.icon-google:before {content: "\e60e";}
.icon-linkedin:before {content: "\e60f";}
.icon-mail:before {content: "\e610";}
.icon-news:before {content: "\e611";}
.icon-pensil:before {content: "\e612";}
.icon-print:before {content: "\e613";}
.icon-radio:before {content: "\e614";}
.icon-search:before {content: "\e615";}
.icon-slideshow:before {content: "\e616";}
.icon-star:before {content: "\e617";}
.icon-twitter:before {content: "\e618";}

#wrapper {width: 100%;overflow: hidden;position: relative;}
main {margin-top: 8px;}
.container {max-width: 1038px;margin: 0 auto;padding: 0 15px;}
.container:after {display: block;clear: both;content: "";}
#header {top: 0;left: 0;right: 0;z-index: 999;background: #f1f1ef;color: #181c1e;}
#header.nav-active .slide {display: block;}
.tophat-header {height: 35px;}
.tophat-header .tophat-header-wrap {height: 35px;border-bottom: 1px solid #f1f1ef;background-color: #fff;padding-left: 24px;padding-right: 24px;}
.tophat-header ul {list-style: none;padding-left: 0px;margin-top: -10px;}
.tophat-header li {float: left;position: relative;font-size: 14px;margin-right: 60px;padding-top: 10px;}
.tophat-header a {color: #003da5;}
.tophat-header .user-avatar {float: right;margin-right: 0px;margin-top: -6px;}
.tophat-header img {height: 25px;border-radius: 25px;}

.tophat-header .user-avatar .caret {color: #181c1e;margin-top: 10px;margin-bottom: 20px;}
.tophat-header .user-avatar .dropdown-menu {width: 210px;margin-left: -160px;}
.tophat-header .user-avatar .dropdown-menu li {margin-right: 0px;float: none;padding-top: 0px;}

.header-holder {height: 100px;}
.header-holder .header-holder-wrap {height: 100px;background-color: #fff;padding-left: 24px;padding-right: 24px;}
.header-holder .logo {float: left;height: 100%;}
.header-holder .logo img {height: 100px;padding: 15px 10px 15px 0px;width: auto;}
.nav .nav-heading {display: none;border-bottom: 1px solid #dcdcdb;padding: 0 0 13px;font-size: 14px;line-height: 18px;}
.nav .nav-heading:after {display: block;clear: both;content: "";}
.nav .nav-heading .home {float: left;color: #008cff;}
.nav .nav-heading .btn-close {float: right;margin: -2px 0;font-size: 24px;line-height: 24px;color: #181c1e;}
.nav .nav-heading .btn-close:hover {text-decoration: none;color: #008cff;}
.nav .btn-burger {display: none;width: 24px;height: 15px;margin: 3px 5px 0 16px;}
.nav .btn-burger span {display: block;height: 2px;background: #181c1e;}
.nav .btn-burger span + span {margin-top: 4px;}
.nav ul {margin: 0;padding: 0;list-style: none;font-size: 14px;line-height: 18px;}
.nav ul li {float: left;position: relative;}
.nav .search-link {float: right;margin-top: 35px;font-size: 26px;line-height: 26px;color: #181c1e;text-decoration: none;}
.social-share li {border: 1px solid #f1f1ef;border-width: 0 0 1px;margin-left: 0 !important;}
.nav ul li:hover a {background: #f1f1ef;}
.nav ul li:hover .sub-menu {display: block;}
.nav ul li:hover .sub-menu a {background: none;color: #fff;}
.nav ul li:hover .sub-menu a:hover {color: #008cff;}
.nav ul a {display: block;padding: 43px 36px 39px 36px;color: #181c1e;}
.nav ul a:hover {background: #f1f1ef;text-decoration: none;color: #008cff;}
.nav ul i {display: none;position: absolute;top: 50%;left: 0;z-index: 2;margin-top: -10px;color: #3d4143;}
.nav ul .sub-menu {display: none;padding: 23px 10px 28px 25px;background: #f1f1ef;color: #181c1e;position: absolute;top: 100%;left: 0;z-index: 2;min-width: 100%;max-width: 300px;white-space: nowrap;overflow: hidden;}
.nav ul .sub-menu li {float: none;margin: 26px 0 0;}
.nav ul .sub-menu li:first-child {margin-top: 0;}
.nav ul .sub-menu a {display: inline;padding: 0;color: #181c1e !important;}
.nav ul .sub-menu a:hover {background: none;color: #008cff !important;}
.logo-text {float: left;margin: 40px 15px 0 15px;font-family: "HelveticaNeueLTStd-Lt", "Arial", "Helvetica", sans-serif;font-size: 22px;line-height: 24px;font-weight: normal;}

.header-frame {padding: 22px 24px 17px 179px;font-size: 14px;line-height: 18px;color: #fff;}
.header-frame .title {display: inline-block;vertical-align: top;margin: 0 27px 0 0;font-weight: normal;color: #008cff;}
.header-frame a {display: inline-block;vertical-align: top;color: #fff;}
.header-frame a.search-link {float: right;margin: -3px 0 0;font-size: 26px;line-height: 26px;}
.header-frame a.search-link:hover {text-decoration: none;color: #008cff;}

.section-block {padding: 24px 24px 27px;margin: 0 0 8px;background: #fff;}
.section-block.blue {background: #003da5;color: #fff;}
.section-block.blue h2 {color: #fff;}
.section-block:after {display: block;clear: both;content: "";}
.section-block h2 {position: relative;font-family: "aleo-bold", Georgia, "Times New Roman", Times, serif;font-size: 16px;line-height: 20px;font-weight: normal;text-transform: uppercase;color: #003da5;padding: 0 0 0 38px;margin: -2px 0 22px;}
.section-block h2 i {position: absolute;top: -4px;left: 0;font-size: 24px;line-height: 24px;}
.section-block h2 i.icon-clock {top: -2px;font-size: 22px;line-height: 22px;}
.section-block h2 i.icon-chat {top: 3px;left: 2px;font-size: 20px;line-height: 20px;}
.section-block h2 i.icon-binoculars {top: -2px;left: 1px;}
.section-block h2 span {font-family: "aleo-light", Georgia, "Times New Roman", Times, serif;text-transform: none;margin: 0 0 0 11px;}

.clear:after {display: block;clear: both;content: "";}
.news-post {width: 57.3%;float: left;font-family: "HelveticaNeueLTStd-Lt", "Arial", "Helvetica", sans-serif;font-size: 16px;line-height: 24px;}
.news-post.add {width: 303px;margin: 0 0 0 24px;float: right;}
.news-post.add.most-viewed {width: 303px;margin: 0 24px 0 0;float: left;}
.news-post.add:after {display: block;clear: both;content: "";}
.news-post.add .media img {width: auto;}
.news-post .media {position: relative;margin: 0 0 20px;}
.news-post .media img {width: 100%;}
.news-post .holder {max-width: 375px;}
.news-post h3 {font-family: "HelveticaNeueLTStd-Lt", "Arial", "Helvetica", sans-serif;font-size: 32px;line-height: 36px;font-weight: normal;margin: 0 0 8px;}
.news-post h3 a {color: #202426;}

.info-bar {margin: 0 0 6px;padding: 0;list-style: none;font-family: "aleo-light", Georgia, "Times New Roman", Times, serif;font-size: 16px;line-height: 20px;color: #44484a;}
.info-bar>li {display: inline-block;vertical-align: top;position: relative;margin-left: 5px;}
.info-bar li:first-child {margin-left: 0;text-align: left;}
.info-bar .byline {font-size: 14px;font-weight: bold;color: #000000;}
.info-bar .share {float:right;}
.featured-share {margin-right: 85px;}
.info-bar .opener {font-size: 14px;}
.category-page .info-bar {margin-top: 10px;margin-bottom: 5px;}
.date {font-family: "aleo-light", Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #000000;margin-bottom: 5px;}
.post .date {font-size: 14px;margin-bottom: 20px;}
.featured-date {font-size: 14px;}
.category_side_title {margin-top: 5px !important;}
.social-drop {display: none;position: absolute;z-index: 99;top: 100%;left: 50%;width: 200px;padding-top: 8px;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);font-family: "HelveticaNeueLTStd-Lt", "Arial", "Helvetica", sans-serif;}

.social-drop:after {content: "";position: absolute;top: 0;left: 50%;width: 0;height: 0;margin-left: -8px;border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #fff transparent;}
.social-drop .drop-holder {padding: 36px 23px 25px;background: #fff;box-shadow: 0 0 120px 0 rgba(0, 0, 0, .16);text-align: center;}
.social-drop .close {color: #008cff;}
.social-share {margin-bottom: 22px;font: 16px/18px "HelveticaNeueLTStd-Lt", "Arial", "Helvetica", sans-serif;text-align: left;}
.social-share li {border: 1px solid #f1f1ef;border-width: 0 0 1px;}
.social-share li:first-child {border-width: 1px 0;}
.social-share a {display: block;position: relative;padding: 15px 5px 14px 53px;color: #008cff;}
.social-share a.add {color: #003da5;}
.social-share i {position: absolute;top: 50%;left: 8px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);font-size: 21px;}
.social-share i.icon-facebook2 {left: 5px;}
.social-share i.icon-linkedin {font-size: 19px;}

.news-list {width: 40.2%;float: right;border-top: 1px solid #f1f1ef;}
.news-list .item {padding: 20px 0 23px;border-bottom: 1px solid #f1f1ef;}
.news-list .item:after {display: block;clear: both;content: "";}
.news-list .info-bar {margin: 0 0 4px;}
.news-list .byline {font-size: 12px;font-weight: bold;}
.news-list .date {font-size: 12px;}
.news-list .share {margin-top: -1px;}
.news-list .opener {font-size: 12px;}
.news-list .alignleft {position: relative;float: left;margin: 3px 24px 0 0;}
.news-list .alignright {position: relative;float: right;margin: 3px 0 0 24px;}
.news-list h3 {font-size: 18px;line-height: 24px;font-weight: normal;margin: 0;}
.news-list .leftpad {padding-left: 106px;}
.news-list h3 a {color: #202426;}
.news-items {float: left;width: 65.5%;padding: 1px 0 0;}
.news-items .frame {margin: 0 -12px;}
.news-items .item {display: inline-block;vertical-align: top;width: 50%;padding: 0 12px;margin: -1px -4px 0 0;}
.news-items .item-holder {padding: 20px 0 23px;border: 1px solid #f1f1ef;border-width: 1px 0;font-size: 16px;line-height: 24px;}
.news-items .item-holder:after {display: block;clear: both;content: "";}
.news-items .holder {float: left;width: 64%;}
.news-items .alignleft {position: relative;float: left;margin: 3px 24px 0 0;}
.news-items .alignright {position: relative;float: right;margin: 3px 0 0 24px;}
.news-items .info-bar {margin: 0 0 -2px;}
.news-items p {margin: 0;}
.news-items p a {color: #202426;}
.news-items.gems {float: left;width: 100%;padding: 1px 0 0;}
.news-items.gems .item {display: inline-block;vertical-align: top;width: 33%;padding: 0 12px;margin: -1px -4px 0 0;}

.more-link {padding: 23px 0 0;font-size: 14px;line-height: 18px;}
.more-link:after {display: block;clear: both;content: "";}
.more-link i {display: inline-block;vertical-align: top;margin: 4px 0 0 10px;}
.more-link .mob-visible {display: none;}
.more-link .btn {background-color: #008cff;border: none;border-radius: 5px;color: #fff;font-size: 14px;}

.items-section {padding: 22px 25px;}
.items-section h2 {position: relative;font-family: "aleo-bold", Georgia, "Times New Roman", Times, serif;font-size: 16px;line-height: 20px;font-weight: normal;text-transform: uppercase;color: #003da5;padding: 0 0 0 32px;margin: 0 0 28px;}
.items-section h2 i {position: absolute;top: -2px;left: -1px;z-index: 2;font-size: 20px;line-height: 20px;}
.items-section .holder-block {margin: 0 -12px -26px;}
.items-section .item {display: inline-block;vertical-align: top;width: 20%;padding: 0 12px 54px;margin-right: -5px;}
.items-section img {width: 100%;margin: 0 0 4px;}
.items-section h3 {font-family: "aleo-regular", Georgia, "Times New Roman", Times, serif;font-size: 14px;line-height: 18px;font-weight: normal;color: #fff;background: #003da5;padding: 7px 10px 7px 15px;margin: 0;}

#content {float: left;width: 58.5%;}
.post {position: relative;background: #fff;padding: 20px 95px 20px 24px;}
.post .info-bar {margin: 0 0 7px;}
.post h1 {font-family: "HelveticaNeueLTStd-Lt", "Arial", "Helvetica", sans-serif;font-size: 40px;line-height: 44px;font-weight: normal;margin: 0 0 23px;}
.post h2 {font-family: "HelveticaNeueLTStd-Md", "Arial", "Helvetica", sans-serif;font-size: 24px;line-height: 28px;font-weight: normal;margin: 32px 0 28px;}
.post .media {margin: 0 -95px 0 -24px;position: relative;font-size: 12px;line-height: 16px;}
.post .media.alignright {float: right;margin: 13px -71px 35px 30px;max-width: 214px;}
.post .media.alignright .description {padding: 20px 0 0;}
.post .media .video {position: relative;}
.post .media .description {padding: 18px 24px 19px;}
.post .media p {margin: 0;}
.post p {margin: 0 0 24px;}
.tags {margin: 0;padding: 25px 0 0px;list-style: none;font-size: 14px;line-height: 16px;}
.tags li {display: inline-block;vertical-align: top;margin: 0 20px 20px 0;}
.tags a {color: #003da5;}

.comments {border-top: 1px solid #f1f1ef;margin: 0 -95px 0 -24px;padding: 30px 24px 14px;font-size: 12px;line-height: 16px;}
.comments:after {display: block;clear: both;content: "";}
.comments a {float: right;color: #babbb1;}
.comments a:first-child {float: left;}
.comments a:hover {text-decoration: none;color: #003da5;}
.comments .icon-chat2 {display: inline-block;vertical-align: top;margin: 2px 0 0 3px;font-size: 20px;line-height: 16px;}

.post-list {padding: 37px 0;position: relative;color: #181c1e;}
body.single .post-list { width: 550px; }
body.hubdata-discussion .post-list { width: 550px; }
.post-list:after {display: block;clear: both;content: "";}
.post-list .post-preview {float: left;width: 50%;}
.post-list .post-preview.right {text-align: right;}
.post-list .alignleft {float: left;margin: 3px 8px 0 0;}
.post-list .alignright {float: right;margin: 3px 0 0 8px;}
.post-list h3 {font-size: 16px;line-height: 20px;font-weight: normal;margin: 0;}
.post-list h3 a {color: #181c1e;}
.post-list .title {display: block;font-family: "aleo-regular", Georgia, "Times New Roman", Times, serif;font-size: 12px;line-height: 16px;margin: 0 0 1px;}
.post-list .btn-prev,.post-list .btn-next {position: absolute;top: 50%;left: 0;z-index: 10;margin: -23px 0 0 -54px;font-size: 48px;line-height: 48px;color: #181c1e;}
.post-list .btn-prev:hover,.post-list .btn-next:hover {text-decoration: none;color: #003da5;}
.post-list .btn-next {left: auto;right: 0;margin: -23px -54px 0 0;}

.social-networks {position: absolute;top: 0;right: 100%;z-index: 10;margin: 0 8px 0 0;padding: 0;list-style: none;border-top: 1px solid #3d4143;font-size: 20px;line-height: 20px;text-align: center;}
.social-networks.mob-visible {display: none;margin: 44px -20px 30px;}
.social-networks li {padding: 14px 5px 12px;border-bottom: 1px solid #3d4143;}
.social-networks a {color: #008cff;}
.social-networks a:hover {text-decoration: none;color: #003da5;}

#sidebar {float: right;width: 41.5%;padding: 0 0 0 8px;font-size: 18px;}
#sidebar .news-list {width: auto;float: none;padding-left: 0;}
#sidebar .video-boxes {border: none;margin: 0 0 -24px;}
#sidebar .video-box {float: none;width: auto;padding: 0 0 25px;margin: 0 0 23px;border-bottom: 1px solid #f1f1ef;}
#sidebar .video-box .media {margin: 0 0 21px;}
#sidebar .video-box h3 {margin: 0;}
#sidebar .video-box .social-info {margin: 0 -10px 4px 0;}
#sidebar .video-box .social-info li {margin-left: 18px;}
#sidebar .video-box .social-info li:first-child {margin-left: 0;}

@media all and (max-width: 1039px) {
	.nav ul a {padding: 42px 23px 28px;}
	.nav ul .sub-menu {padding: 23px 25px 28px;}

	.social-networks {position: static;border-top: none;margin: 0 0 20px;text-align: left;}
	.social-networks li {display: inline-block;vertical-align: top;padding: 2px 9px;border-bottom: none;border-left: 1px solid #f1f1ef;}
	.social-networks li:first-child {border-left: none;}
	.social-networks a:hover {color: #003da5;}
}

@media all and (max-width: 1023px) {
    .search-form .jcf-checkbox {width: 40px;height: 40px;}

	.nav ul a {padding: 41px 14px;}
	.nav ul .sub-menu {width: 190px;max-width: inherit;white-space: normal;}
	.logo-text {float: left;display: block;text-align: right;margin: 37px 0 15px;}
	.header-frame {text-align: left;}

	.news-post {width: 50%;}
	.news-post.add {width: 250px;}
	.news-post h3 {font-size: 28px;line-height: 34px;}

	.social-drop .drop-holder {padding: 30px 23px 18px;}
	.social-share {font-size: 14px;line-height: 16px;margin-bottom: 15px;}
	.social-share a {padding: 12px 5px 11px 40px;}
	.social-share i {font-size: 18px;left: 6px;}
	.social-share i.icon-linkedin {font-size: 16px;}

	.news-post.add .media img {padding-right: 10px;padding-bottom: 10px;}
	.news-list {width: 50%;padding-left: 24px;}
	.news-list h3 {font-size: 16px;line-height: 20px;}
	.news-items .item {width: 100%;}
	.news-items .item-holder.same-height-left,.news-items .item-holder.same-height-right {height: auto !important;}
	.news-items .holder {width: 73%;}

	.items-section h3 {font-size: 14px;padding: 7px 10px 7px 15px;}
	.social-info {font-size: 14px;}
	.social-info li {margin-left: 15px;}

	#content {width: 65%;}
	.post {padding: 20px 24px;}
	.post .media {margin: 0 -24px;}
	.post .media.alignright {margin: 13px 0 35px 20px;}
	.comments {margin: 0 -24px;}
	.post-list {padding: 30px;}
	.post-list h3 {font-size: 12px;line-height: 16px;}
	.post-list h3 br {display: none;}
	.post-list .title {font-size: 10px;line-height: 14px;margin: 0;}
	.post-list .btn-prev,.post-list .btn-next {margin: -23px 0 0 -18px;}
	.post-list .btn-next {margin: -23px -18px 0 0;}

	#sidebar {width: 35%;}
	#sidebar .news-list .alignleft {float: none;display: inline-block;vertical-align: top;margin: 0 0 10px;}
	#sidebar .news-list .alignright {float: none;display: inline-block;vertical-align: top;margin: 0 0 10px;}
	#sidebar .video-box .media {margin: 0 0 10px;}
	#sidebar .video-box .social-info li {margin: 0 10px 10px 0;}
}

@media all and (max-width: 767px) {
	body {font-size: 18px;line-height: 1.56;}
	.btn,button,input[type="button"],input[type="reset"],input[type="file"],input[type="submit"] {padding: 8px 10px 6px;font-size: 14px;line-height: 16px;}
    .search-form .jcf-checkbox {width: 30px;height: 30px;}

	main {margin-top: 0px;border-top: 1px solid #f1f1ef;}
	.container {padding: 0;}
	.tophat-header ul {padding-left: 10px;}
	.tophat-header .user-avatar {padding-left: 15px;padding-right: 15px;}
	.header-holder {padding: 14px 15px 0;height: 46px;background-color: #fff;}
	.header-holder-wrap {padding: 0px !important;}
	.header-holder .logo {margin: -14px 10px 2px -14px;height: 46px;padding: 5px 5px;}
	.header-holder .logo img {height: 36px;padding: 0px 0px 0px 5px;}
	.nav {line-height: 1.5;}
	.nav .nav-heading {display: block;}
	.nav .search-link {margin-top: 0px;font-size: 20px;}
	.nav .btn-burger {display: inline-block;vertical-align: top;float: right;}
	.nav .slide {display: none;float: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: #f1f1ef;padding: 13px 20px;overflow: auto;}
	.nav ul {font-size: 20px;line-height: 24px;}
	.nav ul li {float: none;border-bottom: 1px solid #dcdcdb;}
	.nav ul li:hover a {background: none;}
	.nav ul a {position: relative;padding: 33px 10px 32px 39px;}
	.nav ul a:hover {background: none;}
	.nav ul i {display: block;}
	.nav ul .sub-menu {display: block;position: relative;padding-left: 60px;padding-top: 0px;}
	.nav ul .sub-menu li {border-bottom: none;}

	.logo-text {float: none;display: inline-block;vertical-align: top;margin: 0;font-size: 14px;line-height: 18px;}
	.header-frame {padding: 13px 20px 8px;font-size: 12px;text-align: left;}
	.header-frame a.search-link {float: right;margin: -2px -3px 0 0;}

	.section-block {padding: 17px 20px;margin: 0 0 4px;}
	.section-block h2 {font-size: 12px;line-height: 16px;padding: 0 0 0 30px;margin: 0 -10px 14px 0;}
	.section-block h2 i.icon-clock {top: -4px;}
	.section-block h2 i.icon-chat {top: 1px;left: 0;}
	.section-block h2 i.icon-star {top: -3px;left: 0;}
	.section-block h2 i.icon-pensil {font-size: 18px;line-height: 20px;top: -1px;left: 1px;}
	.section-block h2 span {margin: 0 0 0 40px;}

	.news-post {width: auto;float: none;padding: 0 0 4px;font-size: 12px;line-height: 1.333;}
	.news-post.add {width: auto;float: none;margin: -4px -15px 15px 0;}
    .news-post.add.most-viewed {width: auto;float: none;margin: -4px -15px 15px 0;}
	.news-post.add .media {float: left;max-width: 130px;margin: 4px 19px 0 0;}
	.news-post.add .media img {padding-right: 10px;padding-bottom: 0px;}
	.news-post.add .holder {overflow: hidden;max-width: inherit;}
	.news-post.add h3 {font-size: 20px;line-height: 24px;}
	.news-post .media {margin: 0 -20px 16px;}
	.news-post h3 {font-size: 24px;line-height: 28px;margin: 0 0 5px;}

	.btn-play {width: 40px;height: 40px;margin: -20px 0 0 -20px;}
	.info-bar {font-size: 12px;line-height: 16px;}
	.info-bar li {margin-left: 12px;}
    .social-drop {width: 59px;}
	.social-drop .drop-holder {padding: 20px 10px 18px;}
	.social-share {text-align: center;}
	.social-share .text {position: absolute;top: -9999px;left: -9999px;}
	.social-share a {padding: 10px 5px 9px;}
	.social-share a:hover i {opacity: .8;}
	.social-share i {display: inline-block;vertical-align: top;position: static;-webkit-transform: none;-ms-transform: none;transform: none;font-size: 20px;}

	.news-list {float: none;width: auto;padding: 0 0 5px;}
	.news-list .item {padding: 16px 0 19px;}
	.news-list .alignleft {margin: 3px 20px 0 0;}
	.news-list .alignright {margin: 3px 0 0 20px;}
    .news-items {width: 100%;float: none;}
	.news-items .item.mob-hidden {display: none;}
	.news-items .item-holder {padding: 15px 0 19px;line-height: 20px;}
	.news-items .alignleft {margin: 4px 20px 0 0;}
	.full-archive .news-items .alignleft {margin-right: 0px;}
	.news-items .alignright {margin: 4px 0 0 20px;}
    .news-items .holder {float: left;width: 100%;}
	.more-link {padding: 20px 0 5px;font-size: 10px;line-height: 16px;}
	.more-link i {font-size: 8px;}
	.more-link .mob-visible {display: inline-block;vertical-align: top;}
	.more-link .right {float: right;}

	.items-section {padding: 18px 20px;}
	.items-section h2 {padding: 0 0 0 30px;margin: 0 0 18px;font-size: 12px;line-height: 16px;}
	.items-section h2 i {font-size: 18px;line-height: 18px;}
	.items-section .holder-block {margin: 0 -10px;}
	.items-section .item {width: 50%;padding: 0 10px 40px;margin-right: -4px;}
	.items-section h3 {font-size: 12px;padding: 3px 10px 2px;}

	.social-info {margin: 0 -10px 4px 0;font-size: 12px;line-height: 16px;}
	.social-info i.icon-binoculars {margin: 0 0 0 2px;font-size: 18px;line-height: 16px;}
	.social-info i.icon-youtube {margin: 1px 0 0 3px;width: 19px;height: 13px;background-size: 19px 13px;}
	.social-info i.icon-twitter {margin: -1px 0 -1px 3px;font-size: 16px;line-height: 18px;}
	.social-info i.icon-facebook {margin: -3px 0 0 3px;font-size: 14px;line-height: 18px;}

	#content {float: none;width: auto;margin: 0 0 8px;}
	.post h1 {font-size: 24px;line-height: 28px;margin: 0 0 25px;}
	.post h2 {font-size: 20px;line-height: 28px;margin: 0 0 12px;}
	.post .media {font-size: 10px;line-height: 14px;text-align: center;}
	.post .media.alignright {display: block;float: none;max-width: 100%;margin: 0 auto 20px;}
	.post .media .video {display: inline-block;vertical-align: top;}
	.post .media .description {padding: 16px 24px 13px;text-align: left;}
	.post p {margin: 0 0 12px;}
	.tags {margin: 0 -20px 14px 0;padding: 0;font-size: 10px;line-height: 14px;}
	.tags li {margin: 0 16px 16px 0;}
	.comments {padding: 25px 24px 1px;font-size: 10px;line-height: 14px;}
	.post-list {padding: 40px 20px 28px;}
	.post-list .alignleft {float: none;display: inline-block;vertical-align: top;margin: 0 0 6px;}
	.post-list .alignright {float: none;display: inline-block;vertical-align: top;margin: 0 0 6px;}
	.post-list h3 {font-size: 16px;line-height: 20px;}
	.post-list .title {font-size: 12px;line-height: 16px;}
	.post-list .btn-prev,.post-list .btn-next {font-size: 18px;line-height: 18px;top: 100px;margin: 0;}
	.post-list .btn-next {margin: 0;}
	.social-networks {margin: 0 -20px 15px;}
	.social-networks.mob-visible {display: block;}

	#sidebar {float: none;width: auto;padding: 0;}
	#sidebar .news-list .alignleft {float: left;margin: 3px 20px 0 0;}
	#sidebar .news-list .alignright {float: right;margin: 3px 0 0 20px;}
	#sidebar .video-boxes {margin: 0 0 -14px;}
	#sidebar .video-box {padding: 0 0 17px;margin: 0 0 20px;}
	#sidebar .video-box .media {margin: 0 auto 16px;}
	#sidebar .video-box .social-info {margin: 0 -10px -6px 0;}
}

@media all and (max-width: 479px) {
	.tophat-header li {font-size: 12px;margin-right: 30px;}
}
.full-width-content{ width:100%!important; }
.header-frame .title a {display: inline-block;vertical-align: top;margin: 0 27px 0 0;font-weight: normal;color: #008cff !important;}
.post-list .title a { color: #181c1e !important;}
.archives-heading,.category-heading {background: #fff none repeat scroll 0 0;color: #000;font-family: aleo-light;font-size: 24px;margin: 0 0 8px;padding: 9px 24px;}

.section-block i.icon-gems {background: rgba(0, 0, 0, 0) url("images/ico-gems.png") no-repeat scroll 0 0;height: 16px;margin: 6px 0 0 1px;width: 20px;}
.category-banner-section{margin: 0px 0px 8px;background: #FFF none repeat scroll 0% 0%;position: relative;}
.category-banner-section img{max-width: 1008px;max-height: 378px;width: 100%;}
.items-section.category-menu-section {padding: 5px 0px 36px;overflow-y: visible;position: relative;}
.cross-icon a{ text-decoration: none;}
ul.row-section {overflow: hidden;margin-left: -14px}
.menu-section {max-width: 1038px;width: 100%;margin: 0 auto;overflow: hidden;}
.cross-icon {float: right;font-size: 20px;color: #fff;padding: 4px 13px 16px 0px;}

ul.row-section li {float: left;list-style: none;text-decoration: none;border-bottom: 1px solid #3d4143;border-top: 1px solid #3d4143;width: 222px;margin-right: 23px;position: relative;height: 135px;display: table-cell;}
ul.row-section li a {text-decoration: none;font-size: 20px;font-family: "aleo-regular";padding-left: 8px;display: inline-block;vertical-align: middle;position: relative;top: 47px;bottom: 0;}
li:nth-child(4n+0)~li{ border-top: 0px !important;}


@media (min-width:768px) and (max-width:1024px) {
	.menu-section {max-width: 1024px;width: 766px;margin: 0 auto;overflow: hidden;}
	ul.row-section li {float: left;list-style: none;text-decoration: none;border-bottom: 1px solid #3d4143;border-top: 1px solid #3d4143;/*margin-right: 17px;*/width: 219px;margin-right: 23px;}
	ul.row-section li a {text-decoration: none;}
	li:nth-child(3n+0)~li{ border-top: 0px !important;}
}

@media (min-width:320px) and (max-width: 767px) {
	.menu-section {max-width: 767px;width: 321px;margin: 0 auto;overflow: hidden;}
	ul.row-section li {float: left;list-style: none;text-decoration: none;border-bottom: 1px solid #3d4143;border-top: 1px solid #3d4143;width: 85px;margin-right: 12px;}
	.cross-icon {float: right;font-size: 16px;color: #fff;padding: 4px 24px 16px 0px;}
	ul.row-section li a {text-decoration: none;font-size: 10px;}
	li:nth-child(3n+0)~li{ border-top: 0px !important;}
	.tophat-header .tophat-header-wrap{ padding-left: 0px;}
}

@media (min-width: 376px) and (max-width: 423px) {
	.tophat-header li {font-size: 11px;margin-right: 20px;}
}
@media (min-width: 320px) and (max-width: 343px) {
	.tophat-header li {margin-right: 11px;}
}
@media (min-width: 344px) and (max-width: 375px) {
	.tophat-header li {margin-right: 20px;}
}
@media (min-width: 480px) and (max-width: 578px) {
	.tophat-header li {margin-right: 35px;}
}

@media (max-width: 375px) {
	.menu-section {max-width: 766px;width: 351px;margin: 0 auto;overflow: hidden;}
	.tophat-header li {font-size: 11px;}
	.tophat-header .user-avatar {padding-left: 0px;padding-right: 0px;}
}

.ico-black-grid {background: rgba(0, 0, 0, 0) url("images/ico-black-grid.png") no-repeat scroll 0 0;float: right;width: 27px;height: 20px;position: relative;right: -11px;margin-top: 3px;}
.ico-white-grid {background: rgba(0, 0, 0, 0) url("images/ico-grid.png") no-repeat scroll 0 0;width: 21px;height: 20px;position: absolute;right: 15px;top: 15px;}
.ico-trending {background: rgba(0, 0, 0, 0) url("images/ico-trending.png") no-repeat scroll 0 0;width: 21px;height: 15px;margin: 6px 0px 0px 2px;}

/* Post thumbnail images CSS */
img.attachment-222x125{width: 222px;height: 125px;}
img.attachment-82x82{width: 82px;height: 82px;}
img.attachment-468x263{width: 468px;height: 263px;}
img.attachment-362x204{width: 362px;height: 204px;}
.frame .streamEntry img {margin-bottom: 10px;}
#activity-container {overflow: hidden;}

span.catbannertxt {bottom:20px; color:#fff; font-family:HelveticaNeueLTStd-Th; font-size:64px; left:23px; position:absolute;}
@media all and (max-width: 479px) {
	span.catbannertxt {font-size:40px;}
}
div.entry-content {font-size: 16px;}
div.entry-content img {margin: 20px;}
div.wp-caption {max-width: 100%;}
p.wp-caption-text {font-size:14px; padding-left: 20px; line-height: 16px;}
div.entry-summary {margin-top: 15px;}
body.page h1, body.single h1{word-wrap: break-word;}
.embargo-text {color: #A94442; margin-bottom: 5px !important; font-size: 14px;}
.topnav-loginout {float:right; padding-right:20px;}
.btn-skel-generic.disabled, .btn-skel-generic[disabled], fieldset[disabled] .btn-skel-generic{border: 1px solid #BABBB1 !important; color: #BABBB1 !important;}
.btn-skel-generic{color: #fff !important;}
.category-page .news-items {width: 100%;}
.hub-platform-apply-css.category-page .streamEntry {padding-bottom: 0px !important;}
.category-page .news-items .item-holder{border-bottom: none !important;}
.full-archive .news-items .item-holder{border-bottom: none !important;}
.logo-text a{ color: #181c1e !important; text-decoration: none;}
div.topnav-loginout .hub-platform-apply-css{background: none !important;}
div.tophat-header .hub-platform-apply-css{background: none !important;}
form#media-search-form input[type="text"] {height: 36px; padding: 0px 16px;}
.hub-platform-apply-css .row {margin-left: 0px !important; margin-right: 0px !important;}
.cap-column.col-sm-3 + .cap-columm.col-sm-9 {margin-left: 15px;}
.cap-column.col-xs-3 + .cap-columm.col-xs-9 {margin-left: 15px;}
label.checkbox {padding-left: 20px;}
.manual-account label.checkbox {padding-left: 5px;}
.hubdash-content-wrapper label.checkbox {padding-left: 20px;}

body.search.search-results input[type="text"],  body.search.search-no-results input[type="text"]{
	margin-right:0px;
    width: 60%;
	display: inline-block;
}
body.search.search-results input[type="text"]:focus,  body.search.search-no-results input[type="text"]:focus {
	border-color: #23527c;
}
body.search.search-results select, body.search.search-no-results select {
    /*height:40px;*/
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}
body.search.search-results .search-page-form button, body.search.search-no-results .search-page-form button {
	display: inline-block;
	margin: 0px;
	padding: 9px 17px 3px;
	line-height: 1;
}


@media all and (max-width: 768px) {
	.header-holder, .header-holder .header-holder-wrap {height: auto;}

	body.search.search-results input[type="text"],  body.search.search-no-results input[type="text"]{
	    height:auto;
	    padding-top: 4px;
	    padding-bottom: 1px;
	}
	.footer-top, .footer-links ul a{font-size: 14px;}
}

/* professional registration styling */
.activation, .mnn-registration-step-1 {line-height: 1.4;}
.hub-platform-apply-css .activation .form-group {margin-bottom: 4px !important;}
.activation .checkbox input {margin-top: 2px !important; margin-right: 5px !important;}
.activation label.checkbox {margin-bottom: 8px; padding-left: 20px; font-weight: normal;}
.mnn-registration-step-1 {max-width: 500px; margin: 0px auto;}
.hub-platform-apply-css .registration-box .text-right {text-align: center;}

/* hub alert banner */
.hub-alert-banner {font-size: 14px;padding-top: 9px !important;}

/* 5 column topic section tweaks */
@media (max-width: 992px) and (min-width: 768px) {
	.items-section h3 {
	    font-size: 11px;
	    padding: 7px 5px 7px 10px;
	}
}
/* podcast styling */
.ch-podcast-container {background-color: #fff; max-width: 1008px;
    margin: 10px auto;
    padding: 15px 15px;
}
@media (max-width: 991px) and (min-width: 768px)  {
	.ch-podcast-container {width: 720px;}
}
@media (max-width: 1199px) and (min-width: 992px) {
	.ch-podcast-container {width: 940px;}
}

/* styling for sub-menu items */
.sub-menu-item {padding-left: 20px;margin-top: 20px !important;}
.header-menu-item {font-weight: bold;}
.placeholder-menu-item a {cursor: default;}
.nav ul .sub-menu .placeholder-menu-item a:hover {color: #181c1e !important}

/* Hide comments */
#chv4-comment-stream-header {display: none;}
.comment-container {display: none;}
#new-comment {display: none;}

/* hubdash override */
.body-admin-hubdash .checkbox input[type="checkbox"] {margin-top: 0px;}

/* post archive tweak */
.post .ch-archive-list-default .media {margin: 0;}

/* search page */
.ch-search hr {margin-top:30px; margin-bottom: 30px;}
.ch-search .search-form {margin-bottom: 10px;}
.ch-search .input-group .form-control {z-index: 1;padding: 5px 10px;font-size: 16px;height: 38px;border: 1px solid #ccc;}
.ch-search .input-group .input-group-btn button {z-index: 1 !important; margin:0 0 0 -1px;}
.ch-search .hub-platform-apply-css .row {margin-left: -15px !important;margin-right: -15px !important;}
@media (max-width: 767px) {
	.ch-search .input-group .form-control {height:auto;text-align: left;}
}

/*
* Hub MVC
*/
.hub-mvc-pagination{ margin-top:50px; }
.hub-mvc-pagination .btn-skel-generic.more, .hub-mvc-pagination .btn-skel-generic.more-disabled{margin-right: 0px;}
.hub-mvc-pagination .btn-skel-generic.mvc-more, .hub-mvc-pagination .btn-skel-generic.more-disabled {float: right !important;}
.hub-mvc-pagination .btn-skel-generic.mvc-less, .hub-mvc-pagination .btn-skel-generic.less-disabled {float: right !important; margin-right: 10px;}
.hub-mvc-refresh-pagination ul.pagination{margin:0px!important;}