/* custom.css */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding: 5px;
    position: relative;
}
.row {
    margin: 5px;
}
#main {
    padding: 5px;

}
#main-article-page {
    padding: 5px;
    width: 800px;
}
article {
    margin-bottom: 10px;
    position: relative;
}
h1.entry-title {
  font-size:20px;
}

h3.title,
h1.entry-title {
  color:#3E4548;
  border-bottom:1px solid #eee;
  /* font-family:Noticia Text,serif;
  */

  font-weight:normal;
  margin:0 0 30px;
  line-height:2em;
}

h3.title {
  font-size:14px;
}

.title span,
h1.entry-title span {
  background:#c13636;
  padding:0 15px;
  display:inline-block;
}

#sidebar {
border-left: 1px solid #e3e3e3;
color: #5c5c5c;
background: #fff;
}
.sidebar {
color: #5c5c5c;
background: #fff;
}
#sidebar header {
    position:inherit;
}
.left-sidebar .sidebar {
border-left: none;
border-right: 1px solid #e3e3e3;
}
.sidebar aside.widget a {
color: #999;
}
#page-content .sidebar aside a:hover {
color: #222;
}
#page-content .sidebar header h2 {
color: #444;
border-color: #f5f5f5;
}
#page-content .sidebar header span.borderline {
background: #222;
}
.sidebar aside.widget h3 a {
color: #444;
}
.sidebar aside.widget .category a {
color: #999;
}
.sidebar aside.widget h3 a:hover {
color: #222;
text-decoration: underline;
}
.sidebar aside.widget .category a:hover {
color: #444;
}
.module-timeline article .cnt {
border-color: #ccc;
}
.module-timeline article i.bullet {
border-color: #fff;
background: #999;
}
.sidebar span.stars {
background-position: 0% 100%;
}
.sidebar .module-news article {
border-color: #eee;
}
#page-content .sidebar .module-quote header h2 {
color: #fff;
border-color: #8e6161;
}
#page-content .sidebar .module-quote header span.borderline {
background: #fff;
}
#page-content .sidebar .module-singles header h2 {
color: #fff;
border-color: #5d8d90;
}
#page-content .sidebar .module-singles header span.borderline {
background: #fff;
}
.sidebar .module-singles li a {
color: #fff;
}
.sidebar .module-tags li a {
border-color: #bbb;
background: #e3e3e3;
color: #969696;
}
.sidebar .module-tags li a span {
background: #bbb;
color: #fff;
}
.sidebar .module-photos .col-xs-4 {
border-color: #fff;
}
#wp-calendar tbody td {
background: #fff;
border-color: #e7e7e7;
}
.sidebar .ad-separator {
background: #ddd;
} body.admin-bar .on #pbCloseBtn {
top: 30px;
}

.linkbox-has-meta article.linkbox .overlay, .linkbox-has-meta #slider-carousel .overlay {
    padding-bottom: 32px;
}
.linkbox.cat-4 a:hover .overlay {
background: rgba(65, 130, 204, 0.8);
}
article.linkbox .postmeta span::before {

    margin-right: 8px;
}
.fa-calendar::before {
    content: "";
}
.fa-calendar::before {
    content: "";
}

.linkbox-layout-2 article.linkbox .overlay {
text-align: center;
}
.linkbox-layout-2 article.linkbox .overlay h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
}
.linkbox-layout-2 article.linkbox .overlay h3 {
text-transform: uppercase;
}
.overlay {
position: absolute;
color: #eee;
bottom: 0;
left: 0;
right: 0;
padding: 12px 15px;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, .4);
}
#slider-carousel .overlay {
padding: 12px 15px;
}
#slider-carousel .large .overlay {
padding: 15px 20px;
}
.large .overlay {
padding: 15px 20px;
}
.overlay h1,
.overlay h2,
.overlay h3 {
margin: 0;
}

article.linkbox .postmeta {
position: absolute;
font-size: 12px;
color: #fff;
bottom: 10px;
left: 10px;
opacity: 0.7;
cursor: pointer;
}
article.linkbox.large .postmeta {
left: 15px;
}
article.linkbox .postmeta span {
display: inline-block;
margin: 0 6px;
}
article.linkbox .postmeta span a {
color: #fff;
}
article.linkbox .postmeta span:before {

margin-right: 8px;
} .linkbox-layout-2 article.linkbox .overlay {
text-align: center;
}

.linkbox-layout-2 article.linkbox .overlay h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
}
.linkbox-layout-2 article.linkbox .overlay h3 {
text-transform: uppercase;
}
.linkbox-layout-2 article.linkbox .postmeta {
text-align: center;
right: 10px;
} .linkbox-sub {
background: transparent !important;
}
.linkbox-has-meta article.linkbox .overlay,
.linkbox-has-meta #slider-carousel .overlay {
padding-bottom: 32px;
}
 .linkbox-layout-2 article.linkbox .overlay {
text-align: center;
}


/* ----------------------------*/
#main .col-md-12 {
    padding-right: 25px;
    padding-top: 25px;
}
.article-tags ul {
  list-style: outside none none;
  margin-left: 0px;
  padding-left: 0px;

}
.article-tags ul li{
 display: inline-block;


}
 .article-tags ul li i{
  padding-right: 5px;
  color: #78CFF8;
 }
 .article-tags ul li a {
  background: #eee;
  color: #999;
  padding: 1px 4px;
  margin: 0 4px 4px 0;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "Roboto",sans-serif;
  font-size: 12px;
}

.article-tags ul li a:hover {
  background: #ddd;
  text-decoration: none;
  color: #222;
}
#article-post header {
    margin: 0 0 20px;
    padding: 0px 0;
}
#article-post h4{
  margin-bottom: 2px;
  color: #e81123;
}
#article-post p a{
  margin-bottom: 2px;
  color:#78CFF8;
}
.recommended article{
  height: 230px;
  overflow: hidden;;
}
.breadcrumb{
/*border-bottom: 1px solid #dadada;*/
}
header .post-meta {
font-size: 11px;
color: #bcbcbc;
margin: 5px 0 ;
/*text-transform: uppercase;*/
}
header .post-meta a {
color: #999;
}
header .post-meta a:hover {
color: #222;
text-decoration: underline;
}
.overlay header .post-meta a {
color: #c0c0c0;
}
.overlay header .post-meta a:hover {
color: #fff;
}
header .post-meta span.meta {
display: inline-block;
margin-right: 25px;
font: 400 12px/14px 'Roboto Condensed', sans-serif;
color: #7a7a7a;
}
header .post-meta span a{
display: inline-block;
margin-right: 25px;
font: 400 12px/14px 'Roboto Condensed', sans-serif;
color: #7a7a7a;
}

header .post-meta span.fa-author img {
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
header .post-meta span.fa-comments {
float: right;
margin-right: 0;
margin-left: 25px;
}
header .post-meta span.fa-eye {
float: right;    
margin-right: 0;
}
header .post-meta span.fa-comments:before {
font-size: 14px;
content: '\f0e6';
margin-right: 8px;
}
header .post-meta span.fa-categories:before {
font-size: 14px;
content: '\f07c';
margin-right: 8px;
}
header .post-meta span.fa-eye:before {
font-size: 14px;
content: '\f06e';
margin-right: 8px;
}
.overlay header .post-meta {
margin: 0 0 5px 20px;
}
.overlay header .post-meta span.fa-comments,
.overlay header .post-meta span.fa-eye {
float: none;
}
.overlay header .post-meta span.fa-eye {
margin-left: 25px;
}
#page-content .head-image-parallax header .post-meta span.fa-author img {
display: inline-block;
}
.fa-calendar:before {
content: "\f133";
} .article-post .post-navigation {
margin-top: 30px;
}

.article-post .related-box {
width: 25%;
float: right;
}
.article-post .related-box.pull-right {
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #e3e3e3;
}
.article-post .related-box.pull-left {
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #e3e3e3;
}
.article-post .related-box article {
margin-bottom: 15px;
}
.article-post .related-box section {
margin-bottom: 25px;
}
.article-post .related-box h4 {
font: 400 17px/17px 'Roboto Condensed', sans-serif;
color: #222;
text-transform: uppercase;
margin: 0 0 15px 0;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
}
.article-post .related-box h5 {
font-size: 15px;
line-height: 18px;
font-weight: 500;
}
.article-post .related-box span.published {
margin-top: 2px;
} 
.article-post .review h4 {
margin-top: 0;
padding-bottom: 8px;
border-bottom: 1px solid #dadada;
}
.article-post .flex-container {
display: -webkit-flex; display: flex;
}
.btn-group-next-prev > .btn {
    border-radius:  5px !important;
    background-color: #51A3FF;
    margin: 10px 0px;
    padding: 5px 20px;
}
.btn-group-next-prev > .btn a {
    color: #FFF;
    font-weight: bold;
}
.btn-group-next-prev > .btn a:hover {
    color: #111111;
    font-weight: bold;
}

#article-post blockquote  {
    background: none repeat scroll 0 0 ;
    border: medium none;
    border-radius: 6px;
    margin: 25px 0;
    padding: 35px 80px 35px 70px;
    position: relative;
}

/* Blockquote */

#article-quote blockquote {
    position: relative;
    background: #f5f5f7;
    padding: 15px 50px 15px 40px;
    margin: 5px 0;
    border: none;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

#article-quote blockquote footer {
   margin: 0;
   padding: 0;
   border: none;
}

#article-quote blockquote p {
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: #222;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

#article-quote blockquote:before {
    position: absolute;
    top: 7px;
    left: 20px;
    content: open-quote;
    font: 700 34px/34px Georgia, serif;
    color: #999;
}

#article-quote blockquote:after {
    position: absolute;
    bottom: 7px;
    right: 25px;
    content: close-quote;
    font: 700 34px/34px Georgia, serif;
    color: #999;
}
.main-article{
  height: 350px;

} 
.main-title{
  font-size: 18px;
  font-weight: bold;
}
#header-branding{
  background: #3b3b3b ;
}
#main iframe.twitter-tweet{
    margin:10px auto;
}
.article-tags{
    margin-top:20px;
}
.fb_iframe_widget{
    margin:10px 0;
}
.fb-video.fb_iframe_widget{
    margin-bottom:20px;
}
#sidebar header h2{
    color: #666;
}
.highlights{
    font-size: larger;
}
#article-post h2{
    margin-bottom: 0;
}
#affix-com.affix {
    position: fixed;
    top: 75px;
    z-index:1;
    margin-left: auto ;
    margin-right: auto ;
    width:437px;
}
#affix-com.affix-bottom {
    position:absolute;
    width:437px;
}

@media (max-width: 767px) {
    #affix-com.affix {
        position: static;
    }
    .main-article {
      height: 220px;
    }
    .main-title{
      font-size: 14px;
    }
}