/*
 * user.css
 *
 * Use this file for adding custom CSS style. These styles will override
 * default theme styles. You can enable/disable this CSS file inside
 * WordPress Appearance > Theme Options > General
 */

/* ---------------------------------------------------------------
 * 1. GENERAL
 * Place your general theme styles in this section.
 * ------------------------------------------------------------ */
/* Primary Navigation Menu */

.primary-nav {
	position: relative;
	width: 96.153846%;
	max-width: 83.3333em;
	margin: 0 auto;
	background-color: #098dba;
	text-align: center;
	z-index: 20;
}

ul.ss_social li a:hover {
	background: #098dba !important;
}
.brand .site-title {margin-top: 46px;}
#text-3 li, #text-5 li {
float: left;
width: 28%;
margin-right: 3%;
text-align: center;
height: 63px;
line-height: 63px;
}
#text-3 li img, #text-5 li img {
text-align: center;
margin: 0 auto;
width: 100%;
vertical-align: middle;
display:inline-block;
max-height: 100%;
}
article.post {
	font: 15px/21px 'Open Sans', sans-serif;
	color: rgb(22, 22, 22);
}
h2, h1.page-title, h1.entry-title, .entry-list h3{color: #172e35;font: normal 32px/36px 'Montserrat', sans-serif;}
h1.entry-title{
	margin: 0px 0 5px 0;
}
.entry-meta{
	font-size: 11px;
color: #000;
line-height: 14px
}
img.wp-post-image {max-width: 100%;height: auto;width: 50%;float: left;margin-right: 19px;margin-left: 5px;}
.entry-title a{
	font-size: 32px;
	letter-spacing: -2px;
	line-height: 100%;
	font-family:  'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: -1px;
	color: #000;
}
.entry-list-right p{
	font-size: 14px;
line-height: 140%;
font: 14px/1.231 helvetica,arial,clean,sans-serif;
}
.entry-meta, .entry-meta a {
	color: #000;
	font-weight: bold !important;
	font: 11px helvetica,arial,clean,sans-serif;
	margin-top: 10px;
}
#nav-below {clear: both;position: relative;overflow: hidden;background-color: #095288;margin: 0 0 1.5em;padding: 10px;color: #fff;font-size: 16px;font-weight: bold;}


#nav-below a, #nav-below a:visited{color: #fff;font-size: 16px;text-transform: uppercase;letter-spacing: 2px;}
aside.newsplus_popular_posts h4 a{
color: #000;
display: block;
line-height: 20px;
text-decoration: none;
font-weight: bold;
}

aside.newsplus_popular_posts span.entry-meta{
	display: none;
}
aside.newsplus_popular_posts .post-thumb img{
	background-color: #fff;
border: 1px solid #c5c5c5;
display: block;
float: left;
height: 62px;
margin-right: 10px;
width: 62px;
padding: 2px;
}

aside.newsplus_recent_posts h4 a{
	color: #000;
	display: block;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
	font-weight: 400;
	PADDING-LEFT: 1px;
	font-family: 'Open Sans', sans-serif;
}
aside.newsplus_recent_posts span.entry-meta{
	display: none;
}
aside.newsplus_recent_posts .post-thumb img{
	background-color: #fff;
	border: 0px solid #c5c5c5;
	display: block;
	float: left;
	height: 62px;
	margin-right: 10px;
	width: 62px;
	padding: 1px;
}

aside.widget h3 {
	text-transform: uppercase;
	background-color: #C6CBCC;
	color: #172e35;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 5px 5px 10px;
}

aside.widget h3 a {
	text-transform: uppercase;
	background-color: #C6CBCC;
	color: #172e35;
	padding-left: 0px;
}

.blogroll ul a {
	color: #000;
	display: block;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
}

.blogroll ul a:hover {
	color: #555;
}

.customsocialicons div img {
	float:left; 
	padding-right:5px;
}

#header {
	height:110px;
	padding-top: 0.5em;
	padding-left: 1%;
	padding-right: 1%;
}

@media (max-width: 768px) {
	#header {
		height: auto;
	}
}

@media (max-width: 940px) {
	.top-nav {
		font-size: .75em;
	}
}

.brand {
	margin: 0 0 0 0;
}

@media (min-width: 45em) and (max-width: 768px) {
	.brand {
		float: left;
		width: auto;
		max-width: none;
	}
	.brand img {
		width: 200px;
	}
	.header-widget-area {
		clear: both;
	}
}

@media (max-width: 768px) {
	.brand .site-title {
		margin-top: -10px;
	}
}

#header-logged {
	margin-top: .5em!important;
}

#sidebar-video > *  {
	height: 263px;
	width: 350px;
}

#menu-item-2434 > a {
	background-color:#1DACD8;
}

#autoblogchart {
	width:350px; 
	padding:10px;
}

#img-learn-to-trade {
	position: relative;
	margin-left: 163px;
	margin-top: -45px;
}

.engagement-popover{z-index:999;position:fixed;right:0;bottom:5em;width: 480px;height: 125px;font-size:14px; 'Montserrat', sans-serif;background:#ffffff;color:#666;font-style: italic;font-weight: bold;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);padding:.5em;max-width:40em;-webkit-transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}
.engagement-popover.engagement-popover-in{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}
.engagement-popover.engagement-popover-out{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:1}

.engagement-popover button{position:absolute;top:0.2em;right:0.2em;background:0;color:inherit;font:inherit;line-height:0em;padding: 2px;margin:0;font-size:1.5em;border: 0px solid #c3c3c3;height:0.95em;}
.engagement-popover p{margin:0;font-family: 'Open Sans', sans-serif;font-weight: 400;padding-left: 2px;}@media (max-width: 767px){.engagement-popover{left:0}}

.engagement-popover-article img{display:block;width:100px;height:80px;}
.engagement-popover-article a{display:table;color: #172e35;font-family: 'Montserrat', sans-serif;width:100%;text-decoration:none;font-size:1.35em;font-style:normal;padding: 5px 5px 5px 5px;}
.engagement-popover-article a:hover{text-decoration: underline;}
.engagement-popover-article figure{display:table-cell;vertical-align:middle;width:20%;padding:5px;padding-left:.35em; color:#000;}
.engagement-popover-article strong{display:table-cell;vertical-align:top;width:65%;}
.engagement-popover-article arrow {position: absolute;bottom: -3px;right: 11px;}
.engagement-popover-article arrow > a {font-size:1.0em;color: #1FACE7;font-weight: 400;letter-spacing: .5px;}
.engagement-popover-article{position:absolute;left:0;bottom:0;right:0;top:37px;-webkit-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out;opacity:0; z-index: 0; max-height: 85px; overflow: hidden;}
.engagement-popover-article.engagement-popover-article-in{opacity:1;z-index: 999;}

.facebook-follow-popover{z-index:999;position:fixed;left:0px;bottom:5em;font-size:14px; 'Montserrat', sans-serif;background:#ffffff;color:#666;font-style: italic;font-weight: bold;box-shadow: 2px 2px 2px 2px #333; padding:.5em;max-width:15em;-webkit-transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
.facebook-follow-popover button{position:absolute;top:0.2em;right:0.2em;background:0;color:inherit;font:inherit;line-height:0em;padding:0;margin:0;font-size:1.5em;border: 1px solid #c3c3c3;height:0.95em;}
.facebook-follow-popover figure{max-width:12.5em; width:35%;}
.facebook-follow-popover img{display:block;width:90%;}
.facebook-follow-popover a{display:table;color:#000;width:100%;text-decoration:none;font-size:1.5em;font-style:normal;}
.facebook-follow-popover a:hover{text-decoration: underline;}
.facebook-follow-popover strong{padding-left:.35em; color:#000;}
.facebook-follow-popover figure{display:table-cell;vertical-align:top;width:20%;}
.facebook-follow-popover strong{display:table-cell;vertical-align:top;width:55%;}
.facebook-follow-popover arrow {display:table-cell;vertical-align:top;width:25%;}
.facebook-follow-popover arrow > a {font-size:1.0em;color:#1DACD8;}
.facebook-follow-popover p{margin:0}@media (max-width: 767px){.engagement-popover{left:0}}
.facebook-follow-popover.facebook-follow-popover-in{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}
.facebook-follow-popover.facebook-follow-popover-out{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:1}

.engagement-next-rollover {position: fixed; top: 40%; width: 72px; height: 155px; z-index: 999; right: -18px; text-align: left; background-color: #3c3c3c; }
.engagement-next-rollover a{display: block; position: absolute; z-index: 100; cursor: pointer; overflow: hidden; text-decoration: none; width: 80%; height: 80%;}
.engagement-next-rollover a:hover {text-decoration: underline;}
.engagement-next-rollover span.arrow{background: url('/images/blog-sprite-next-page-arrow.png') no-repeat 0 0; text-indent: -9999px; display: block; width: 40px; height: 100px; position: absolute; top: 29px; right: 23px;}

.article-teaser{opacity: 0; display: none; position: absolute; background-color: #fff; padding: 15px; top: 0; right: 72px; z-index: 999; height: 125px; width: 215px; box-shadow: 0 0 7px #333; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; z-index: 0;}
.article-teaser.article-teaser-hidden {display: none; opacity: 0;}
.article-teaser.article-teaser-shown {display: block; opacity: 1; }
.article-teaser strong > a{color: #000; font-size: 1.2em; font-weight: bold;}
.article-teaser arrow {position: absolute; bottom:0px; right:-130px; width: 100%; height: 20px;}
.article-teaser arrow > a{ color: #1DACD8; font-size: 1em; font-weight: normal; font-style: italic; line-height: 1.2em;}
.article-teaser.article-teaser-in{opacity:1;z-index: 999;}
@media only screen and (max-width: 1150px) {
	.engagement-next-rollover {display: none;}
	.article-teaser {display: none;}
}
/* ---------------------------------------------------------------
 * 2. TABLET
 * CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */

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


}


/* ---------------------------------------------------------------
 * 3. MOBILE
 * CSS fallback for device width 480px or below
 * ------------------------------------------------------------ */

@media only screen and (max-width: 480px) {
	.facebook-follow-popover {display: none;}
	.engagement-popover {display: none;}
}