/* FONTS */
/* NHS Colours */
/* COLOURS */
/* HIGH CONTRAST COLOURS */
/* CUSTOM MIXINS */

.tf-container.default{
    max-height: 325px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #f6f8fa;
    margin: 0 0 30px;
}
.tf-container.default .tf-tweets {
  margin: 0 0 30px;
  padding: 0;
  word-wrap: break-word;
}
.tf-container.default .tf-tweets .tf-tweet {
  position: relative;
  padding: 15px 15px 20px;
  margin-bottom: 15px;
  left:0;
}
.tf-container.default .tf-tweets .tf-tweet:last-child {
  margin-bottom: 0;
}
.tf-container.default .tf-tweets .tf-tweet .tf-name {
  font-weight: bold;
}
.tf-container.default .tf-tweets .tf-tweet .tf-avatar {
  display: block;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  top: 15px;
  left: 15px;
}
.tf-container.default .tf-tweets .tf-tweet .tf-avatar img {
  max-width: 100%;
  max-height: auto;
  border: 0;
}
.tf-container.default .tf-tweets .tf-tweet .tf-date,
.tf-container.default .tf-tweets .tf-tweet .tf-screen-name{
  color: #717171;
  font-size: 1.8rem;
}
.tf-container.default .tf-tweets .tf-tweet .tf-screen-name:hover{
  color:#0a76b7;
}
.tf-container.default .tf-tweets .tf-tweet .tf-media {
  margin: 10px -2px;
  padding: 0;
  display: inline-block;
  white-space: pre;
  box-shadow: none;
  border: none;
  cursor: zoom-in;
}
.tf-container.default .tf-tweets .tf-tweet .tf-media img.thumb {
  max-width: 250px;
  width: auto;
  max-height: 250px;
  height: auto;
  margin: 0 ;
  border: 2px solid transparent;
}
.tf-container.default .tf-tweets .tf-tweet .tf-media:hover img.thumb {
  border: 2px solid #0a76b7;
}
.tf-container.default .tf-tweets.avatars .tf-tweet {
  padding-left: 78px;
}
.tweeter-link{
    margin: 0 0 8px;
}
.tf-meta{
    display:flex;
    justify-content:space-between;
}
.tf-tweet a:hover{
    background-color:#fff;
    box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
}
.tf-tweet .tf-body>p{
    margin:0 0 7px;
}
.tf-tweet .tf-body>p a{ 
    color:#0a76b7;
}
.tf-tweet .tf-body>p a:hover{ 
   color: #717171;
}
.tf-tweet .top-right>a.tf-link {
    color: #0e9aef;
    display:inline-block;
    background-color:#fff;
    font-size: 26px;
    box-shadow:none;
    line-height:40px;
    border-radius: 26px;
    width:40px;
    text-align:center;
}
.tf-tweet .top>a.tf-link span{
    padding:0;
}
.tf-tweet .top-right>a.tf-link:hover {
    background-color: #0e9aef;
    color:#fff;
}
.twitter-popup .mfp-iframe-holder .mfp-content{
    max-width: 550px;
}
.twitter-popup .mfp-iframe-scaler{
    box-shadow:none;
    min-height:80vh;
    padding:0;
}
.twitter-popup .mfp-iframe-scaler:before{
    position:absolute;
    content: '';
   top: 25px;
   left:25px;
   right:60px;
   height: 120px;
   background:#fff;
}
.twitter-popup .mfp-iframe-scaler iframe{
    background-color:transparent;
    box-shadow:none;
    position:relative;
    width:100%;
    min-height:80vh;
}

.twitter-popup.mfp-close-btn-in .mfp-close,
.mfp-close-btn-in .mfp-image-holder .mfp-close{
    cursor:pointer!important;
    color: #ffffff;
    opacity: 1;
    width: 25px;
    height: 25px;
    float:right;
    padding:0;
    text-align:center;
    line-height: 25px;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left:auto;
    top: 0;
    right:-30px;
    
}
.twitter-popup.mfp-close-btn-in .mfp-close:focus, .mfp-close-btn-in .mfp-image-holder .mfp-close:focus,
.twitter-popup.mfp-close-btn-in .mfp-close:hover, .mfp-close-btn-in .mfp-image-holder .mfp-close:hover {
    background-color: #ffffff;
    color: #231f20
}
#follow{
    float:right;
}
@media screen and (max-width:992px){
    .tf-container{
        margin: 0 15px;
    }
    #follow{
        margin: 0 15px!important;
    }
    .twitter-popup.mfp-close-btn-in .mfp-close,
    .mfp-close-btn-in .mfp-image-holder .mfp-close{
        top: -32px;
        right: 0;
    }
}
.twitter-tweet.twitter{
    background-color:white;
        -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.twitter-tweet.twitter-tweet-rendered{
    background-color:transparent;
}

@media screen and (max-width:768px){
    .tf-container.default .tf-tweets.avatars .tf-tweet{
        padding:15px 15px 20px;
    }
    .tf-container.default .tf-tweets .tf-tweet .top{
        display:flex
    }
    .tf-container.default .tf-tweets .tf-tweet .tf-avatar{
        position: relative;
        margin: 0 10px 0 0;
        left:0;
        top:0;
    }
    .tf-avatar img{
        min-width:38px;
        
    }
    .tf-meta{
        padding: 0 0 5px;
    }
    .tf-tweet a{
        overflow-wrap:break-word;
    }
}

.mfp-bg.twitter-popup{
    opacity:0;
    -ms-transition: all 1.8s ease;
    -moz-transition: all 1.8s ease;
    -webkit-transition: all 1.8s ease;
    -o-transition: all 1.8s ease;
    transition: all 1.8s ease;
}
.mfp-bg.twitter-popup.mfp-ready{
    opacity:0.8;
}
.twitter-popup .mfp-content{
    opacity:0;
    -ms-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -webkit-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all 1.3s ease;
    transition-delay:1.8s;
}
.twitter-popup.mfp-ready .mfp-content{
    opacity:1 ;
}