@charset "utf-8";

 .timeline-container{
background: none repeat scroll 0 0 #E3FBFF;
height: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.timeline-container .v-line{
background:none repeat scroll 0 0 #0ae09c;
height:100%;
left:50%;
position:absolute;
width:1px;
}
.timeline {
margin: 0 auto;
padding: 0;
}
.timeline li{
display:inline-block;
margin:20px 0 !important;
padding:0;
position:relative;
text-align:center !important;
vertical-align:top;
width:50%;
}
.timeline li.even{
clear: right;
float:right;
}
.timeline li.odd{
clear:left;
float:left;
}
.timeline > li.odd:after{
background:none repeat scroll 0 0 #0ae09c;
border:6px solid #E3FBFF; -webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
content:"";
height:5px;
position:absolute;
right:-9px;
top:20px;
width:5px; -webkit-box-shadow:0 0 3px -1px #444444;
-moz-box-shadow:0 0 3px -1px #444444;
box-shadow:0 0 3px -1px #444444;
transition: all 1s ease 0s;
}
.timeline > li.odd:hover:after, .timeline > li.even:hover:after {
background: none repeat scroll 0 0 #0ae09c;
border:6px solid #0ae09c;
}
.timeline > li.even:after{
background:none repeat scroll 0 0 #0ae09c;
border:6px solid #E3FBFF; -webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
content:"";
height:5px;
left:-8px;
position:absolute;
top:62px;
width:5px; -webkit-box-shadow:0 0 3px -1px #444444;
-moz-box-shadow:0 0 3px -1px #444444;
box-shadow:0 0 3px -1px #444444;
transition: all 1s ease 0s;
}
.timeline li.stic{
clear:both;
width:100%;
}
.timeline li.stic .content{
width:94%;
border-top:2px solid #0ae09c !important;
}
.timeline li.stic  .content{
position:relative;
background:#fff;
border:1px solid #B2B2B2;
}
.timeline li.stic .content:after, .timeline li.stic .content:before{
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}
.timeline li.stic .content:after{
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#fff;
border-width:8px;
margin-left:-8px;
}
.timeline li.stic .content:before{
border-color:rgba(178, 178, 178, 0);
border-bottom-color:#0ae09c;
border-width:9px;
margin-left:-9px;
}
.timeline li .content{
background:none repeat scroll 0 0 #FFFFFF; -webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; -webkit-box-shadow:0 0 2px 0 #C4C4C4;
-moz-box-shadow:0 0 2px 0 #C4C4C4;
box-shadow:0 0 2px 0 #C4C4C4;
margin:auto;
min-height:100px;
position:relative;
width:90%;
}
.timeline li.even .content{
border:1px solid #b2b2b2;
border-left:2px solid #0ae09c !important;
}
.timeline li.odd .content{
border:1px solid #b2b2b2;
border-right:2px solid #0ae09c;
}
.timeline li.odd .content .arrow {
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #0ae09c;
position: absolute;
right: -10px;
top: 18px;
z-index: 11;
}
.timeline li.even .content .arrow {
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; 
border-right:10px solid #0ae09c; 
left: -10px;
position: absolute;
top: 60px;
z-index: 11;
}
.timeline li .content .zoom {
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/full-view.png) no-repeat scroll 50% center #0ae09c;
cursor: pointer;
height: 26px;
margin-top: 10px;
opacity: 0;
position: absolute;
right: 10px;
transition: all 1s ease 0s;
width: 40px;
z-index: 99;
}
.timeline li:hover .content .zoom, .timeline li:hover .content .share{
opacity:1;
}
.timeline li .content .share {
background: none repeat scroll 0 0 #0ae09c;
height: 26px;
margin-top: 10px;
opacity: 0;
padding: 2px;
position: absolute;
right: 60px;
transition: all 1s ease 0s;
width: auto;
}
.timeline li .content .share a {
display: block;
height: 100%;
width: 100%;
}
.timeline li .content .share .fb, .timeline li .content .share .twitter, .timeline li .content .share .gplus {
display: inline-block;
float: right;
height: 20px;
margin: 3px 2px 0;
width: 20px;
}
.timeline li .content .share .fb {
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/facebook.png) no-repeat scroll 0 0 / 100% auto #4368B4;
background-image:url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/facebook.png);
}
.timeline li .content .share .twitter {
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/twitter.png) no-repeat scroll 0 0 / 100% auto #49C8F5;
background-image: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/twitter.png);
}
.timeline li .content .share .gplus{
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/google-plus.png) no-repeat scroll 0 0 / 100% auto #FF0000;
background-image:url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/google-plus.png);
}
.timeline li .content .clear{}
.timeline li .content .featured {
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/featured.png) no-repeat scroll 0 0 #0ae09c;
height: 35px;
position: absolute;
right: 20px;
top: -5px;
width: 24px;
}
.timeline li .content .meta {
display: inline-block;
float: left;
font-size: 11px;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
width: 71%;
}
.timeline li .content .meta .title {
display: inline-block;
float: left;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
text-align: left;
width: auto;
}
.timeline li .content .meta .title a{
text-decoration:none;
color: #000;
}
.timeline li .content .meta .title a:hover {
color: #0ae09c;
}
.timeline li .content .meta .date, .timeline li .content .meta .author {
clear: both;
float: left;
position: relative;
}
.timeline li .content .thumb {
display: inline-block;
float: left;
height: 50px;
margin: 10px;
max-width: 50px;
overflow: hidden;
position: relative;
width: 15%;
}
.timeline li .content .thumb img {
height: auto;
width: 100%;
}
.timeline li .content .thumb-image {
display: block;
height: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.timeline li .content .thumb-image img {
border-radius: 0 !important;
height: auto;
width: 100% !important;
}
.timeline li .content .body {
clear: both;
font-size: 12px;
margin: 10px 0;
overflow: hidden;
padding: 10px 10px 15px;
text-align: left;
color:#000;
}
.timeline li .content .body .read-more {
box-shadow: none;
color: #000;
display: block;
font-weight: bold;
margin-top: 10px;
}
.timeline li .content .meta-count {
background: none repeat scroll 0 0 #0ae09c;
font-size: 11px;
font-weight: bold;
margin-top: 0px;
text-align: left;
display:block;
overflow:hidden;
}
.timeline li .content .meta-count .comments-count {
cursor: pointer;
display: inline-block;
float: left;
font-size: 13px;
font-weight: normal;
padding: 10px;
}
.timeline li .content .meta-count .comments-count:hover {
text-decoration: underline;
}
.timeline-container .load-more{
clear:both;
margin-bottom:50px;
padding-top:70px;
width:100%;
}
.timeline-container .load-more .content{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #B2B2B2; -webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; -webkit-box-shadow:0 0 2px 0 #C4C4C4;
-moz-box-shadow:0 0 2px 0 #C4C4C4;
box-shadow:0 0 2px 0 #C4C4C4;
cursor:pointer;
height:7px !important;
margin:0 auto;
min-height:40px !important;
padding-top:5px;
position:relative;
text-align:center;
width:200px;
}
.timeline-container .load-more .loading{
background:url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/loading.gif) no-repeat scroll 14px 6px #0ae09c;
}
.timeline-container .load-more .no-post{
background:url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/no-post.png) no-repeat scroll 22px 13px #0ae09c;
color:#fff;
}
.list-comments {
height: auto;
width: 100%;
}
.list-comments .commentlist {
display: inline-block;
text-align: left;
width: 100%;
}
.list-comments .commentlist li {
border-bottom: 1px solid #DDDDDD;
display: block;
float: left;
text-align: left !important;
width: 100%;
}
.list-comments .commentlist li .vcard{
}
.list-comments .commentlist li .vcard img {
border-radius: 0 !important;
box-shadow: none !important;
float: left;
height: 50px;
width: 50px;
}
.list-comments .commentlist li .vcard .fn {
font-size: 14px;
font-style: normal;
font-weight: normal;
padding-left: 10px;
text-decoration: none !important;
}
.list-comments .commentlist li .vcard .says {
display: none;
font-weight: normal;
padding-left: 10px;
}
.list-comments .commentlist li .comment-meta {
font-weight: normal;
height: 25px;
margin-left: 62px;
width: auto;
}
.list-comments .commentlist li .comment-meta a {
text-decoration: none;
}
.list-comments .commentlist li p {
clear: both;
font-size: 12px;
font-weight: normal;
margin-top: 20px;
}
.list-comments .commentlist li .reply {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
font-weight: normal;
padding: 6px 6px 6px 10px;
}
.list-comments .commentlist li .form-allowed-tags {
display: none;
}
.list-comments .commentlist li .comment-respond {
margin: 0 !important;
padding: 0 20px;
}
.timeline li .content .meta-count .comments-loading {
display: inline-block;
height: 20px;
padding: 10px;
width: 20px;
}
.timeline li .content .meta-count .comments-loading .loading {
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/images/loading-comments.gif) no-repeat scroll 0 4px rgba(0, 0, 0, 0);
display: none;
height: 20px;
width: 20px;
}
.list-comments .commentlist li .comment-body {
padding-left: 20px;
padding-right: 20px;
}
.list-comments .commentlist .children li {
border-bottom: medium none !important;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.list-comments .commentlist .children li .comment-body {
padding-left: 0;
}
.list-comments .commentlist .children li .reply {
border-bottom: medium none !important;
display: none;
}
.list-comments .no-comments {
padding: 10px;
} .timeline_pro_loading_taxonomy_category {
background: url(//www.james-smith.co.uk/wp-content/plugins/timeline-pro/css/loading.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: none;
height: 20px;
width: 30px;
}.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{height:24px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;display:block;line-height:2;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-left:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button,.wp-picker-input-wrap .button{margin-left:6px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;line-height:1.4;margin:0;vertical-align:top}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:80px;padding:6px 5px 5px;font-size:16px;line-height:1.15}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:5px 5px 4px}.wp-picker-container .wp-color-result.button{height:auto;padding:0 0 0 40px;font-size:14px;line-height:2.1}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:2}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}@media screen and (max-width:640px){.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.1}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 5px}}.mtsnb div, .mtsnb span, .mtsnb h1, .mtsnb h2, .mtsnb h3, .mtsnb h4, .mtsnb h5, .mtsnb h6, .mtsnb p, .mtsnb blockquote, .mtsnb pre, .mtsnb a, .mtsnb img, .mtsnb dl, .mtsnb dt, .mtsnb dd, .mtsnb ol, .mtsnb ul, .mtsnb li, .mtsnb fieldset, .mtsnb form, .mtsnb label, .mtsnb legend, .mtsnb table, .mtsnb caption, .mtsnb tbody, .mtsnb tfoot, .mtsnb thead, .mtsnb tr, .mtsnb th, .mtsnb td, .mtsnb article, .mtsnb aside, .mtsnb details, .mtsnb footer, .mtsnb header, .mtsnb menu, .mtsnb meter, .mtsnb nav, .mtsnb output, .mtsnb progress, .mtsnb section, .mtsnb summary { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
.mtsnb { line-height: 1 }
.mtsnb article, .mtsnb aside, .mtsnb dialog, .mtsnb figure, .mtsnb footer, .mtsnb header, .mtsnb nav, .mtsnb section, .mtsnb blockquote { display: block }
.mtsnb nav ul { list-style: none }
.mtsnb ol { list-style: decimal }
.mtsnb ul { list-style: disc }
.mtsnb ul ul { list-style: circle }
.mtsnb blockquote, .mtsnb q { quotes: none }
.mtsnb blockquote:before, .mtsnb blockquote:after, .mtsnb q:before, .mtsnb q:after { content: none }
.mtsnb table { border-collapse: collapse; border-spacing: 0; }
.mtsnb input, .mtsnb select, .mtsnb a img { vertical-align: middle }
.mtsnb, .mtsnb *, .mtsnb *:before, .mtsnb *:after { box-sizing: border-box; }
.mtsnb .screen-reader-text { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; max-height: 1px; }
.mtsnb { text-align: center; position: fixed; top: 0; width: 100%; z-index: 9999; transition: all 0.25s linear; -webkit-backface-visibility: hidden; min-height: 30px; }
.mtsnb .mtsnb-container { position: relative; margin-right: auto; margin-left: auto; max-width: 100%; width: 1000px; padding: 10px 60px; line-height: 1.4 }
.admin-bar .mtsnb.mtsnb-fixed.mtsnb-top, #wp-toolbar .mtsnb.mtsnb-fixed.mtsnb-top { top: 32px }
.mtsnb-container-outer { position: relative }
.mtsnb-clearfix:before, .mtsnb-clearfix:after { content: " "; display: table; }
.mtsnb-clearfix:after { clear: both }
.mtsnb-clearfix { *zoom: 1  }
.mtsnb .mtsnb-show { padding: 10px }
.mtsnb-hide, .mtsnb-show { position: absolute; right: 20px; background-color: inherit; color: #fff; font-size: 18px!important; line-height: 50px; text-align: center; box-sizing: initial; line-height: 1;}
.mtsnb-top .mtsnb-show { bottom: 1px;}
.mtsnb-hide { top: 50%; background: transparent; margin-top: -9px!important;}
.mtsnb-hide span { display: inline-block; -webkit-transform: rotate(45deg) translate3d(0,0,0); transform: rotate(45deg) translate3d(0,0,0); }
.mtsnb-hidden { transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; }
.mtsnb-hidden.mtsnb-top { -webkit-transform: translateY(-100%) translate3d(0,0,0); transform: translateY(-100%) translate3d(0,0,0); }
.mtsnb-hidden .mtsnb-show { transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; }
.mtsnb-hidden.mtsnb-top .mtsnb-show { -webkit-transform: translateY(100%) translate3d(0,0,0); transform: translateY(100%) translate3d(0,0,0); }
.mtsnb-shown { transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; -webkit-transform: translateY(0%) translate3d(0,0,0); transform: translateY(0%) translate3d(0,0,0); }
.mtsnb-hidden .mtsnb-hide, .mtsnb-shown .mtsnb-show { display: none }
body.has-mtsnb { transition: padding-top ease 0.3s, padding-bottom ease 0.3s; width: 100%; height: 100%; float: left; position: relative; box-sizing: border-box; }
.mtsnb a { text-decoration: none; color: inherit; }
.mtsnb .mtsnb-text, .mtsnb .mtsnb-button, .mtsnb .mtsnb-text, .mtsnb input { margin: .2em .5em }
.mtsnb input { padding: 6px 10px; font-size: 12px; border-radius: 3px; color: #666; border: 0; font-family: inherit; }
.mtsnb .mtsnb-button { display: inline-block; padding: 6px 10px; font-size: 12px; border-radius: 3px; color: #fff!important; outline: 0; border: 0; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.mtsnb .mtsnb-message { display: block }