/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* CSS while testing - START */

.red{background: red;}
.blue{background: blue;}
/* CSS while testing - END */

.blur-text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.modal-backdrop
{
	opacity:0.7 !important;
}

/* Set BG image */
/*html {
  background: url(/media/bg.jpg) no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    background-color: transparent!important;
    }*/

body {
    background-color:#f4f4f4;
	font-size: 15px;
}

.container {background: #fff;}

.aside-container{float:right;   width: 312px}
.aside-box{width:300px;}

.whitebg{background:#fff;}

/* Header & navigation */

#header-top {font-size: 16px;}
#header-top .container{font-size: 85%; margin-top: 0; border-radius: 4px;}
#header-top #magazine-list{background: transparent !important; border-radius: 4px;  margin-bottom: -8px;}
#header-top #magazine-list span{color: #2590e1; font-size: 85%; font-weight: 700; text-transform: uppercase; margin-right: 10px;}
#header-top #magazine-list a{color: #999; margin: 0 10px; font-size: 85%;}
#header-main{margin-top: -10px;}
#header-nav{margin-top: -10px;}
#header-nav .container {}
.container>.navbar-collapse, .container>.navbar-header {border-bottom: solid 1px #ddd;}

.visible-lg {
  display: none !important;
}

  #logo {margin-top: -10px !important;}

  .navbar-fixed-top {position: initial;}

.navbar #home {margin-left: -10px;}
h1{margin-top: 0;}

@media (min-width: 1200px){
.navbar #home {margin-left: -15px;}
}

@media (min-width:768px) and (max-width : 991px) {
  #header-top #magazine-list a {margin: 0 5px;}
}

#logo {
  padding-bottom: 10px;
  }

.header-quick-links{margin-top:10px;}
.navbar {min-height: 0px;}
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {background-color: #ddd;}
.navbar .navbar-toggle {border-color: #ddd;}
.navbar .navbar-toggle .icon-bar {background-color: #888;}
.navbar {margin-bottom: 0; border-radius: 0px; border: none;}

@media only screen and (min-width : 1200px) {
	.nav>li>a {padding: 10px 20px;}
}

/* Navigation drop down block */
.nav-block .nav, .nav-block .collapse, .nav-block .dropup, .nav-block .dropdown {position: static;}
.nav-block .container {position: relative;}
.nav-block .dropdown-menu {left: 0px;}
.nav-block .nav-block-content {padding: 10px 30px;}
.nav-block .dropdown.nav-block-full .dropdown-menu {left: 15px;right: 15px;}
.nav-titles{font-size: 120%; font-weight: 700;}
.nav-block-content li {padding: 5px 0;}
.navbar-toggle {
	margin-right: -5px;
}

.navbar-fixed-top .container{border-radius:4px;}

.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background: transparent;
	color: #505050;
}

.sponsored-nav {
  background: #f4f4f4;
  margin: 0 -8px;
  padding: 8px !important;
}

.sponsored-label {
  font-size: 80%;
  float: right;
  color: #ccc;
  text-transform: uppercase;
}

.highlight-nav {
border-radius: 4px 4px 0 0;
width: 180px;
border: 1px solid #ddd;
border-bottom:none;
}

.free {
position: absolute;
top: -1px;
right: -1px;
}

.breadcrumb {
    margin-top: 5px ;
    padding: 8px 20px;
}

@media screen and (min-width: 768px){
.jumbotron {
  padding: 0;
}
}

/* Tabs */
.nav-tabs li a {padding: 10px 20px}

/* Articles / Events / Directory / Video */
.article-list .article-title, .directory-list .directory-title, .event-list .event-title, .magazine-list .magazine-title, .video-list .video-title, .whitepaper-list .whitepaper-title {
  font-size: 18px;
  margin-top: 2px;
  margin-bottom: 4px;
}

.article-top{
  background: #f4f4f4;
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #ddd;
  margin-bottom: 10px;
}

.tab-content>.tab-pane {margin-top: 20px;}

time{color: #ccc;}

.article-featured .article-title {
  font-size: 16px;
  margin-top: 2px;
  margin-bottom: 0;
}

.video-icon{
	position: absolute;
	top: 120px;
	left: 125px;
	z-index: 10;
	font-size: 500%;
	color: #fff;
    margin: -95px 0 0 -30px;
}

.video-icon a{
	color: #fff;
	opacity:0.4;
}

.video-pop{
    height:500px;
    width:580px;
    border:none;
}

.video-pop-body{padding: 0 10px;}

.whitepaper-li li span{
    float: left;
    width: 100px;
}

.pdfpreview {
        width: 500px;
        text-align: center;
    }

/* Badges */
.top-story {
position: absolute;
top: 25px;
left: 5px;
z-index: 10;
}

.article-badge{
position: absolute;
top: 8px;
left: 10px;
z-index: 10;
}

/* Top articles */

.top-articles .nav-tabs li a {
  padding: 10px;
  font-size: 85%;
}

.top-articles{
	margin-bottom: 20px;
	padding: 5px;
	width: 310px;
}

.top-articles h3, .top-articles .h3 {
  font-size: 18px;
}

.top-articles p{
	margin-top: 10px;
}

.top-articles li{
	margin-bottom: 10px;
}

.top-articles .tab-content {
  background: #f4f4f4;
  margin-top: -10px;
  padding: 5px 10px;
  border-radius: 4px;
}

ol.numbered-list > li {
position: relative;
margin-bottom: 20px;
padding-left: 10px;
min-height: 30px;
border-left: 1px solid #ccc;
}

ol.numbered-list > li:before {
position: absolute;
top: 0;
left: -45px;
width: 30px;
font-size: 28px;
line-height: 1;
font-weight: bold;
text-align: right;
color: #428bca;
content: counter(li-counter);
counter-increment: li-counter;
}

ol.numbered-list {
list-style-type: none;
list-style-type: decimal !ie;
margin: 0;
margin-left: 50px;
padding: 0;
counter-reset: li-counter;
}

/* Social icons */

.social-small{
	width: 20px;
	height: 20px;
}

.social-facebook, .social-twitter, .social-linkedin, .social-google, .social-youtube{
display: block;
background-image: url(http://media.palladian-publications.com/media/social.png);
background-position: left top;
margin-bottom: 5px;
padding: 0;
border-radius: 2px;
}

.social-facebook{}
.social-twitter{background-position: 0 -22px;}
.social-linkedin{background-position: 0 -44px;}
.social-google{background-position: 0 -66px;}
.social-youtube{background-position: 0 -88px;}

.social-list>li {padding: 0 2px; margin-top:12px;}

/* General */

hr {
  border-top: 1px dotted #dddddd;
  color: #fff;
  height: 1px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pad-right{padding-right: 10px;}

.grey{color: #ccc;}

#maincontent{padding-bottom: 50px; border-radius: 4px;   margin-top: -4px; min-height: 400px;}

.no-border{border: none;}

.PagedList-ellipses{display:none !important;}

/* Footer */
footer{font-size: 85%; margin-bottom:50px; color: #999;}
footer, footer .container{background: transparent;}
#footer h2, #footer .h2 {font-size: 20px; color: #c9cdd1;}

footer li {margin-top: 5px;}
footer a, footer a:hover{color: #999;}

.panel-body {
  padding: 5px 15px;
}

.grey{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

label {
  font-weight: normal;
}

.no-padding {
   padding: 0 !important;
   margin: 0 !important;
}

.no-left-padding{
   padding-left: 0 !important;
   margin-left: 0 !important;
}

.no-right-padding{
   padding-right: 0 !important;
   margin-right: 0 !important;
}

.width-100{width: 100%;}

/* Form */
.form-horizontal .has-feedback .form-control-feedback {right: 25px;}
.form-horizontal .has-feedback .radio-inline  .form-control-feedback {right: -45px;}

/* Typography */
body{
	color:#505050;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	}

h1, h2{font-weight: 700;}

.h2, h2{font-size:24px; font-weight:100 !important;}

@media (min-width: 768px) {
	.lead {
		font-size: 18px;
	}
}

h1, .h1{
	font-family: Signika,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.title{margin-top:0;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
	margin: 0 auto;
	background: #444;
	color: #fff;
	padding: 20px 0 10px 0;
	text-align: center;
	}

/*  Styles for phones */
@media screen and (max-width: 767px){
  .tab-article-base>.tab-pane {display: block;}
  .h1, h1 {font-size: 26px;}
  .h2, h2 {font-size: 20px;}
  .save-read-list{width:100%; margin-bottom: 20px;}
}

.mb1, .mb2, .mb3{text-align: center;margin: 0 auto;width: 300px;}
.lb1 .container{background: transparent;}
.hz1, .hz2{margin: 10px 0 20px 0;}
.lb1{margin-top:2px; margin-bottom: 10px!important;}

/*.advertisement{border:solid 1px #f4f4f4; padding: 5px; text-align: center; border-radius: 4px; background: #fff;}*/
.advertisement{text-align: center; margin-bottom: 30px!important;}
.advertisement span{display:block; font-size:70%; color:#ccc;  margin-bottom: 2px;}

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

.breadcrumb li {
	margin-right: 1px;
}

.main-img{width: 450px; height:300px;}
.list-img{width: 160px; height:110px;}

@media (min-width: 768px) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

	.show-small-logo {
		display: block !important;
		margin: 10px 0 -10px -13px;
	}

	.smalllogo {
		display: none;
		width: 50px;
	}

	.wow {
		visibility: visible\9 !important;
	}

	.form-group.required:after {
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 8px;
		content: "\f069";
		color: darkred;
		position: absolute;
		right: 0;
		top: 8px;
	}

	.tag li {
		margin-bottom: 10px;
	}

		.tag li:last-child {
			margin-bottom: 0;
		}

	/* Tooltip pop up */
	.popover {
		width: 350px;
	}

	.form-horizontal .form-group {
		margin-right: 15px;
	}

	.member-level {
		margin-top: -40px;
		margin-bottom: 20px;
	}

	.newsletternumber {
		font-size: 300%;
		color: #428bca;
		font-weight: 700;
	}

		.video-wrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

@media (max-width: 767px) {
	.video-img {
		width: 100%;
	}
}

.checkbox-text-color {
    color: #505050;
    border: none;
    padding:0px;
}

.placeholder { color: #aaa; }

.block{display:block;}

/*.carousel-inner > .item {
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}*/

iframe{border: none;}

.noscript{display:none;}

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.member-sub-nav{margin-left:-5px !important;}

.member-nav .nav >li>a {
    padding: 10px 0px;
    display: inline-block;
}

.container>.navbar-collapse{
    background: #fff;
}

.pop-img{
    width: 450px;
    height: 300px;
}

.footer-pad{
    height: 300px;
}

.form-control[disabled]{
    opacity: .6 !important;
}

.clickable {
    cursor: pointer;
}

aside ul.nav.nav-pills.nav-stacked a{
    font-size: 95%;
    color: #505050;
}


select.form-control {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-control::-ms-expand {
  display: none;
}


a{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}