/* CSS for Blog and Social Wall */

.section-blog .region-wide {
  position: relative;
}

.section-blog #banner {
  max-height: 183px;
  overflow: hidden;
  position: relative;
}

.section-blog #banner img {
  width: 100%;
}

.section-blog #banner h1 {
  color: #fff;
  position: absolute;
  top: 20%;
}

.section-blog #events-bg-stripe .title {
  color: #fff;
  padding-right: 23px;
}

.section-blog #events-bg-stripe .tag-title {
  color: #fff;
  margin: 18px 0 0 0px;
  text-transform: uppercase;
}

.section-blog #events-bg-stripe ul {
  margin-top: 18px;
    margin-left: 0px;
}

.section-blog #events-bg-stripe li {
  display: inline-block;
}

.section-blog #events-bg-stripe li.sep {
  margin: 0 10px;
}

.section-blog #events-bg-stripe li a,
.section-blog #events-bg-stripe li a:visited {
  color: #5b6770;
}

.section-blog #events-bg-stripe li a:hover,
.section-blog #events-bg-stripe li a:focus,
.section-blog #events-bg-stripe li a.active {
  color: #0099cc;
}

.section-blog .page-header {
/*
  color: #fff;
  position: absolute;
  top: 28%;
  z-index: 10;
  */
}

.section-blog #content-column {
  margin-left: 0;
  padding-bottom: 80px;
  position: relative;
}

.section-blog .blog-post img {
    max-width: none !important;
    width: 100%;
}

.section-blog .blog-post-social-links img {
    /*height: 170px!important;*/
    width: 100%!important;
    max-width: 100%!important;
}

.section-blog .blog-post.feature-social img {
    max-height: 180px;
}

.section-blog .blog-post,
.page-taxonomy .blog-post {
  border-top: 4px solid #faaf40;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  margin: 0 0 20px 0px;
}

.section-blog .blog-post .blog-content,
.page-taxonomy .blog-post .blog-content {
  color: #8b9295 !important;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  line-height: 14pt;
  padding: 15px;
}

.section-blog .blog-post .title a,
.section-blog .blog-post .title a:visited,
.page-taxonomy .blog-post .title a,
.page-taxonomy .blog-post .title a:visited {
  color: #5b6770;
}

.section-blog .blog-post .title a:hover,
.section-blog .blog-post .title a:active,
.page-taxonomy .blog-post .title a:hover,
.page-taxonomy .blog-post .title a:active {
  color: #0099cc;
  text-decoration: underline;
}

.section-blog .blog-post .blog-content .body,
.page-taxonomy .blog-post .blog-content .body {
  color: #8b9295 !important;
  margin-bottom: 10px;
    word-wrap: break-word;
}

.section-blog .blog-post .posted,
.section-blog .blog-post .tags,
.page-taxonomy .blog-post .posted,
.page-taxonomy .blog-post .tags {
  color: #5b6770 !important;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 10px;
}

.section-blog .blog-post .posted .author,
.page-taxonomy .blog-post .posted .author {
  color: #0099cc !important;
  font-size: 10pt;
  font-weight: normal;
}

.section-blog .blog-post .posted .date,
.page-taxonomy .blog-post .posted .date {
  font-size: 10pt;
  font-weight: normal;
}

.section-blog .blog-post .tag,
.page-taxonomy .blog-post .tag {
  font-size: 10pt;
  font-weight: normal;
}

.section-blog .blog-post .sharing ul,
.page-taxonomy .blog-post .sharing ul {
  margin: 0;
  padding: 0;
}

.section-blog .blog-post .sharing li,
.page-taxonomy .blog-post .sharing li {
  display: inline-block;
  list-style: none;
  margin-right: 6px;
}

.section-blog .blog-post .sharing li a,
.section-blog .blog-post .sharing li a:visited,
.page-taxonomy .blog-post .sharing li a,
.page-taxonomy .blog-post .sharing li a:visited {
  background: url('../images/social.png') no-repeat left top;
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 30px;
    outline: 0;
}

.section-blog .blog-post .sharing li.twitter a,
.section-blog .blog-post .sharing li.twitter a:visited,
.page-taxonomy .blog-post .sharing li.twitter a,
.page-taxonomy .blog-post .sharing li.twitter a:visited {
  background-color: #0099CC;
  background-position: 7px 6px;
}

.section-blog .blog-post .sharing li.facebook a,
.section-blog .blog-post .sharing li.facebook a:visited,
.page-taxonomy .blog-post .sharing li.facebook a,
.page-taxonomy .blog-post .sharing li.facebook a:visited {
  background-color: #004a8f;
  background-position: -18px 7px;
}

.section-blog .blog-post .sharing li.linkedin a,
.section-blog .blog-post .sharing li.linkedin a:visited,
.page-taxonomy .blog-post .sharing li.linkedin a,
.page-taxonomy .blog-post .sharing li.linkedin a:visited {
  background-color: #5b6770;
  background-position: -40px 7px;
}

.section-blog .blog-post .sharing li.google-plus a,
.section-blog .blog-post .sharing li.google-plus a:visited,
.page-taxonomy .blog-post .sharing li.google-plus a,
.page-taxonomy .blog-post .sharing li.google-plus a:visited {
  background-color: #dd4b39;
  background-position: -67px 7px;
}

.section-blog #more-button {
  bottom: 0;
  margin: 30px 0;
  position: absolute;
  text-align: center !important;
  width: 100%;
}

.section-blog #more-button #view-more {
  background-color: #0099CB;
  background-image: none;
  border: none;
  color: #fff;
  margin: 0 auto !important;
  padding: 10px 20px;
  text-transform: uppercase;
}

.section-blog #more-button #loading {
  display: none;
  margin: 0 auto;
}

/* Coloured borders */

.section-blog .blog-post.technology {
  border-top: 2px solid #EF4136;
}

.section-blog .blog-post.xchanging {
  border-top: 2px solid #0099CC;
}

/* image rollover */
.section-blog .image-sharing {
    background-color: #faaf40;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display:none;
    cursor:default;

}
.section-blog .image-sharing ul {
    margin:60px auto 0px;
    text-align: center;
}
.section-blog .image-sharing li {
    background-color: #fbbf66;
    display: inline-block;
    margin-right: 10px;
}
.section-blog .image-sharing li.google-plus {
    margin-right:0px;
}
.section-blog .image-sharing li a {
    color:#ffffff;
    font-size:20px;
    padding: 12px 25px 12px 12px;
    display:block
}

.section-blog .blog-post .image {
    position: relative;
    background: #eee;
}

.section-blog .blog-post.blog-post-social-links .image {

}

@media (min-width: 979px) {
  .section-blog .blog-post {

  }

  .section-blog .blog-post .title {
    color: #57626b !important;
    font-family: "Century Gothic W01 Bold";
    font-size: 13pt;
    margin-bottom: 10px;
  }

  .section-blog .blog-post .image {
    overflow: hidden;
  }

  .section-blog .blog-post.span6 .image {
    height: 200px;
    width: 570px;
  }
  
  .section-blog .blog-post.span3 .image {
    height: 140px;
    width: 270px;
  }
}


/* node styling */
.node-wp-blog .field-name-field-image {
	padding:20px 0px;
}

body.node-type-wp-blog .region-wide .page-header {
    top: 28%;
}
body.node-type-wp-blog .region-wide .page-header {
    color: white;
    position: absolute;
    z-index: 10;
}
body.node-type-wp-blog .region-wide .page-header {
    font-size: 30px;
    margin: 0 0 10px;
}

#block-views-popular-blog-posts-block h2, #block-views-blog-tags-block h2, #block-views-blog-author-mini-bio-block h2 {
    color: #5b6770;
    font-family: "Century Gothic W01";
    font-size: 25px;
    text-transform: uppercase;
}

#block-views-popular-blog-posts-block h2, #block-views-blog-author-mini-bio-block h2 {
    padding-bottom:10px;
}

#block-views-blog-tags-block h2{
    padding-bottom:20px;
}

#block-views-popular-blog-posts-block, #block-views-blog-tags-block, #block-views-blog-author-mini-bio-block {
    padding-bottom:30px;
}

#block-views-blog-tags-block .views-row, .node-wp-blog .field-name-taxonomy-wp-blog-tags .field-item {
    float:left;
    margin-right:8px;
    height:50px;
}

#block-views-blog-tags-block .views-row a, .node-wp-blog .field-name-taxonomy-wp-blog-tags .field-item a {
    color:white;
    background-color:#0099cc;
    padding:10px;
    display:block;
}

#block-views-blog-tags-block:after, .node-wp-blog .field-name-taxonomy-wp-blog-tags:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.node-wp-blog .field-name-taxonomy-wp-blog-tags {
    border-top:1px solid #d0d6d9;
    border-bottom:1px solid #d0d6d9;
    margin-bottom:20px;
    padding:20px 0px 15px 0px;
}

.blog-sharing {
    padding: 0px;
    margin: 20px 0 0;
}

.blog-sharing ul {
    padding: 0px;
    margin: 0;
}

.blog-sharing li.share-first {
    border-right: 1px solid #5b6770;
    font: bold 12px/1em "Open Sans","open-sans",sans-serif;
    height: 15px;
    margin-right: 10px;
    padding: 7px 15px 5px 0;
    text-transform: uppercase;
}

.blog-sharing li {
    display: inline-block;
    height:25px;
}

.blog-sharing a {
    color: #5b6770;
    display: block;
    font-size: 15px;
    margin: 5px 0;
    text-align: center;
    width: 30px;
}

.view-blog-author-mini-bio .views-field-field-bio-image-upload {
    float:left;
    width:125px;
}
.view-blog-author-mini-bio .views-field-nothing {
    float:none;
    width:auto;
}

.view-blog-author-mini-bio:after, .page-user .profile:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.page-user .profile .field-name-field-job-title {
    font-family: "Century Gothic W01 Bold";
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    font-weight: normal;
    margin: 0 0 10px;
    text-rendering: optimizelegibility;
}

.page-user .profile .field-name-field-bio-full-name {
border: medium none;
    padding: 0;
    font-family: "Century Gothic W01";
    font-size: 30px;
    color: #000000;
    font-weight: normal;
    line-height: 40px;
    text-rendering: optimizelegibility;
}

.page-user #content-column h1.page-header {
    display:none;
}

.page-user .profile .field-name-field-bio-image-upload {
    float:left;
    margin:0px 20px 0px 0px;
}



@media (min-width: 979px) {
    .view-blog-author-mini-bio .views-field-field-bio-image-upload {
        float:left;
        width:33%;
    }
    .view-blog-author-mini-bio .views-field-nothing {
        float:left;
        width:67%;
    }
}


#events-bg-stripe {
    height: auto !important;
    min-height:60px;
}

.blog-post-twitter {
    border-top: 4px solid #0099cc !important;
}
.blog-post-facebook {
    border-top: 4px solid #004a8f !important;
}
.blog-post-google {
    border-top: 4px solid #dd4b39 !important;
}
.blog-post-linkedin {
    border-top: 4px solid #5b6770 !important;
}
.blog-post-instagram {
    border-top: 4px solid #517fa4 !important;
}
.blog-post-pinterest {
    border-top: 4px solid #cb2027 !important;
}
.blog-post-vine {
    border-top: 4px solid #00b489 !important;
}
.blog-post-slideshare {
     border-top: 4px solid #f28e1d !important;
 }
.blog-post-youtube {
    border-top: 4px solid #bb0000 !important;
}

#sm-backtotop {
    bottom: 0;
    margin: 30px 0;
    position: absolute;
    text-align: center;
    width: 50px;
    right:0px;
}
#sm-backtotop a {
     /*background-color: #0099cb;
    color: #fff;*/
     background-image: none;
     border: medium none;

     margin: 0 auto;
     padding: 10px;
     text-transform: uppercase;
    display:block;
 }
#sm-backtotop a span {
    display:block;
    font-size:20px;
    line-height:20px;
}


.view-popular-blog-posts .views-row {
    margin-bottom:15px;
}
.view-popular-blog-posts .views-row.views-row-last {
    margin-bottom:0px;
}

@media (max-width: 767px) {
    .section-blog .blog-post img {
        width:100%;
    }
    .section-blog .blog-post {
        left:0px;
    }

    body.section-blog .page-header span{
        background:none;
    }
    body.section-blog .page-header span.rule-left,body.section-blog .page-header span.rule-right{
        display: none;
    }
    body.section-blog .page-header span.rule-mid{
        font-family:"Century Gothic W01";
        text-transform: none;
        height: auto;
    }
    body.section-blog #banner h1 {
        color: #000;
        position: relative;
        top: 0px;
        margin: 0 0 10px;
    }

    .section-blog .image-sharing ul {
        margin: 10px auto 0;
    }
    body.section-blog #content-column {
        margin-bottom:50px;
    }
    .section-blog #more-button, .section-blog #sm-backtotop {
        bottom: -65px;
    }
}
@media (max-width: 480px) {
    #events-bg-stripe {
        font-size: 14px;
    }
}