@import url('icons/foundation-icons.css');

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);

/* COLOUR SCHEME 
dark : #3b5998    
light: #8b9dc3
lighter: #dfe3ee
grey: #f7f7f7
white: #ffffff                
    */

ul, li, form, ol, button, legend {
	margin: 0;
	list-style: none;
}
input, input:focus, textarea, textarea:focus {
    box-shadow: none!important;
    border-color:#ddd!important;
    background: #fff!important;
    color: #727272;
    font-family: 'Source Sans Pro', sans-serif;
}
.button {
	background: #7cc576!important;
	font-family: 'Source Sans Pro', sans-serif;
	outline: none;
}

a:link {color: #1a1aca; /*#1a1aca*/}
a:visited {color: #8b9dc3; /*#1a1aca*/}
a:hover {color: #f00;}
a:focus {color: #2a323a;}

body {
	/*background: #eff2f4;*/
    background: #dfe3ee; /*#eceef0;*/
	color: #000; /*535f6e*/
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 800;
}
h1, h2, h3, h4, h5, h6 {
	color: #2a323a;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 0.8;
	font-weight: 600;
}
h3 {
	margin: 0;
	font-size: 1.6rem;
}
h4 {
	font-size: 1.3rem;
}
h5 {
	font-size: 1.1rem;
}
h6 {
	font-size: 0.9rem;
}

p {
	font-weight: 400;
    font-size: 100%;
}
p:last-child {
	margin-bottom: 0px;
}

.row {
	max-width: 100%;
}
.left-off-canvas-menu {
	position: fixed;
	width: 208px;
	background: #2a323a; /*#666;*/
    /*background: #2a323a;
    background:url(/css/bkg/bkg-black.png); */
    margin: 0;
    overflow:hidden;
	border-right: solid 1px #08080b;
	-ms-transform: translate(0%, 0);
	-webkit-transform: translate3d(0%, 0, 0);
	-moz-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
	padding: 35px;
    z-index: 1;
}
.left-off-canvas-menu hr {
    border: solid 1px #3b5998;
}
.move-right .exit-off-canvas {
	box-shadow: none;
	background: rgba(255, 255, 255, 0.0);
}

#logo {
	margin: 10px 0 35px 0; 
}
#logo .tagline {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.6px;
	display: block;
	margin: 5px 0 0 0;
	text-align: left;
}
#logo .about {
	color: #fff;
    background: #08080b;
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0.6px;
	display: block;
	margin: 5px 0 0 0;
	text-align: left;
}

ul#menu li {
	padding: 5px 0;
}
ul#menu li a {
	display: block;
	text-align: left;
	color: #fff;
 padding: 3px 3px;
	text-transform: uppercase;
}
ul#menu li a:hover {
	color: #fff;
    font-weight: bold;
  /*	text-align: center; */
    background: #3b5998;
   vertical-align: top;
 border-radius: 3px;
 padding: 3px 3px;
 box-sizing: padding-box;
}

ul#menu li.active a {
    background: #3b5998 !important;
    /* #08080b 
 margin: 0.25em; */
 vertical-align: top;
 border-radius: 3px;
 padding: 3px 3px;
 box-sizing: padding-box;
}

#copyright {
	text-align: left;
    line-height: 20px;
}

header#mobile {
	display: none;
	background: #08080b; /*#2a323a;*/
	border-bottom: solid 2px #363f48;
	height: 50px;
	padding: 10px;
}
.left-off-canvas-toggle i {
	font-size: 1.8rem;
    margin-left: 10px;
    color: #fff;
}

section#main {
	margin-left: 280px;
	padding: 35px 17.5px;
}

/* Masonry */
.masonry {
	padding:0px; 
}

/* PANEL COLOURS & BACKGROUND */ 
.item {
    margin-bottom: 2rem;
    padding-left: 17.5px;
    padding-right: 17.5px;
    border: 2px; border-color: #7cc576;
}

/* Post */
article.post {
	background: #fff;
	border-bottom: solid 1px #e0e6ea;
    /* border-bottom*/ 
    border-radius: 3px;
}

.post-onnow {
	position: relative;
}
.post-onnow img {
	border-radius: 3px 3px 0 0;
}
.post-onnow .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background:#000;
	opacity: 0.1;
	z-index: 1;
	top: 0;
	left: 0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	border-radius: 3px 3px 0 0;
}

.post-onnext {
	position: relative;
}
.post-onnext img {
	border-radius: 3px 3px 0 0;
}
.post-onnext .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background:#000;
	opacity: 0.1;
	z-index: 1;
	top: 0;
	left: 0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	border-radius: 3px 3px 0 0;
}

.post-media {
	position: relative;
}
.post-media img {
	border-radius: 3px 3px 0 0;
}
.post-media .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background:#000;
	opacity: 0.1;
	z-index: 1;
	top: 0;
	left: 0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	border-radius: 3px 3px 0 0;
}
.post_date, .post_comments {
	position: absolute;
	z-index: 2;
	color: #fff;
    text-transform: uppercase;
} 
.post_date i, .post_comments i {
	font-size: 1.1rem;
	vertical-align: text-top;
	margin-right: 5px; 
}
.post_date {
	left: 25px;
	bottom: 20px;
}
.post_comments {
	right: 25px;
	bottom: 20px;
}

.post_header {
	left: 25px;
	bottom: 85%;
   	position: absolute;
	z-index: 2;
	color: #7cc576;
   /*background: #FEC144; 
       vertical-align: top;
    background: #7cc576; rgba(0,0,0,0.25);
           */ 
    text-transform: uppercase;
   	font-size: 2.0rem;
    font-weight: bold;   
	vertical-align: text-top;
	margin-right: 5px;
    font-family: 'Source Sans Pro', sans-serif; 
    text-transform: uppercase;
    margin: 0.25em;
    border-radius: 3px;
    box-sizing: padding-box;   
    padding: 7px 7px;    
}
.post_header i {
    font-size: 2.0rem;
    vertical-align: text-top;
    margin-right: 5px;
}    

.post_headerdark {
	left: 20px;
	bottom: 80%;
   	position: absolute;
	z-index: 2;
	color: #7cc576;
    text-transform: uppercase;
   	font-size: 2.0rem;
    font-weight: bold;   
	vertical-align: text-top;
	margin-right: 5px;
}
.post_headerdark i {
    font-size: 2.0rem;
    vertical-align: text-top;
    margin-right: 5px;
}    

article.post .content {
	padding: 25px;
}
article.post .content .the_post {
    font-weight: 400;
    font-size: 100%;
    line-height: 20px;
}
article.post .content h4 {
	margin: 0 0 10px 0;
}
article.post .content h4:hover {
	color: #7d8ee2;
}

article.post .content h5:hover {
	color: #7d8ee2;
}

ul.post-info {
	margin: -2px 0 4px 0;
}
ul.post-info li {
	display: inline-block;
	margin-right: 20px;
}
ul.post-info li a {
	color: #535f6e;
	font-size: 0.8rem; 
}
ul.post-info li a:hover {
	color: #7cc576;
}
ul.post-info li a i {
	font-size: 1.1rem; 
	vertical-align: sub;
	margin-right: 2px;
}

/* Featured Post */
.type-featured .post-media {
	max-height: 350px;
    overflow: hidden;
}


/* Quote Post */
.type-quote {
	background: #535f6e!important;
	border-bottom: none!important;
}
.type-quote .content p {
	font-size: 0.95rem!important;
	margin-bottom: 15px!important;
	color: #fff;
}
.type-quote .content p:before {
	content:"\201C";
	margin-right: 10px;
	font-size: 3rem;
	line-height: 0;
	vertical-align: text-bottom;
}
.type-quote .content p:after {
	content:"\201D";
	margin-left: 10px;
	font-size: 3rem;
	line-height: 0;
	vertical-align: text-bottom;
}
.type-quote .content h6 {
	margin: 0;
	color: #fff;
	font-weight: 600;
}


/* Video Post */
.type-video .post-media iframe {
	width:100%; 
	height:230px;
}


/* Flexslider */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; }
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.slides li:after {content: ".";position:absolute;top:0;left:0;z-index:-1000;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-direction-nav { list-style: none; margin: 0; }
.flex-direction-nav li a { background: none; z-index: 9; position: absolute; display: block; text-align: center; color: #fff; height: 32px; width: 32px; background-repeat: no-repeat; background-position: center center; font-size: 14px; position: absolute; right: 20px; top: 50%; margin-top: -16px; opacity: 0.7; }
.flex-direction-nav li a.flex-prev { left: 20px; background-image: url("../img/flex-prev.png") }
.flex-direction-nav li a.flex-next { right: 20px; background-image: url("../img/flex-next.png") }
.flex-direction-nav li a:hover { opacity: 1; text-decoration: none; }




/* Single Post */
.single-post ul.post-info {
	margin: 7px 0 15px 0;
}
.single-post iframe {
	width: 100%;
    height: 400px;
}

.title {
	margin: 0 0 20px 0;
	padding: 0 0 1px 0;
	border-bottom: solid 1px #eee;
}

/* Recent Posts */
section#related_posts {
	margin: 30px 0 30px 0;
}
section#related_posts [class*="column"] + [class*="column"]:last-child {
	float: left;
}
.related_post h6 {
	margin: 12px 0 8px 0;
}
.related_post p {
	font-size: 0.73rem;
	font-weight: 400;
	line-height: 17px;
	margin: 0;
}
.related_post img {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Comments */
section#comments {
	margin: 30px 0;
}
.comment {
	overflow: hidden;
    margin-bottom: 13px;
}
.comment:last-child {
	margin-bottom: 0px;
}
.comment .avatar {
	width: 67px;
    height: 67px;
}
.comment .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: solid 3px #fff;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.comment header.comment_info {
	margin: 0 0 8px 0;
}
.comment header.comment_info h6 {
	margin: 0 0 6px 0;
}
.comment header.comment_info .comment_date {
	font-size: 0.7rem;
    color: #A0A0A0;
}
.comment .the_comment {
	border-bottom: dashed 1px #eee;
    padding-bottom: 10px;
}
.comment:last-child .the_comment {
	border-bottom: none;
    padding-bottom: 0px;
}

/* Comment Form */



/* Widget */
.widget {
    margin-bottom: 20px;
}
.widget:last-child {
	margin-bottom: 0px;
}
.widget_box {
	background: #fff;
	border-bottom: solid 1px #e0e6ea;
    border-radius: 3px;
    padding: 20px;
}
.widget h5 {
	margin: 0 0 15px 0;
    font-size: 1rem;
}

ul.widget_li li {
	padding: 0 0 12px 0;
    margin: 0 0 11px 0;
	border-bottom: dashed 1px #eee;
}
ul.widget_li li:last-child {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-bottom: none;
}
ul.widget_li li a {
	display: block;
/*    font-weight: 600; */
    font-size: 0.9rem;
}
ul.widget_li .post_img {
	padding-right: 0px;
}
ul.widget_li .post_img img {
	width: 58px; /* 58px*/
    height: 58px;
	border-radius: 3px;
}


/* Widget Search */
.search {
	position: relative;
}
.search button {
	position: absolute;
	right: 12px;
	top: 6px;
	background: #fff;
	padding: 1px;
}
.search button i {
	color: #AFAFAF;
    font-size: 1.3rem;
}
.search input, .search input:focus {
	background: #fff;
	border: none;
	border-bottom: solid 1px #e0e6ea;
	border-radius: 3px;
	padding: 11px 10px!important;
	box-shadow: none;
	margin: 0;
	height: auto;
}


/* Widget Recent Post */
.recent_post .date {
	font-size: 0.8rem;
}


/* Widget Recent Comments */
.recent_comment .the_comment {
	font-size: 0.8rem;
    line-height: 18px;
}



/* Page */
article.page {
	background: #fff;
	border-bottom: solid 1px #e0e6ea;
    border-radius: 3px;
    padding: 30px;
}
article.page h3 {
	margin: 0 0 10px;
}


/* About Page */
section#team {
	margin: 0 0 25px 0;
}
.team {
	border:solid 1px #eee;
	position: relative;
	height: 255px;
	overflow: hidden;
}
.team .headshot {
	overflow: hidden;
}
.team .headshot img {
	height: 190px;
	border-bottom: solid 1px #eee;
	width: 100%;
}
.team .team-details {
	padding: 15px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    height: 63px;
    transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}
.team .team-details h6 {
	margin: 0 0 7px 0;
    font-size: 1rem;
}
.team .team-details .more-details {
	display: none;
	position: relative;
	padding: 20px 0 0 0;
}
ul.social-buttons {
	text-align: center;
}
ul.social-buttons li {
	display: inline-block;
	margin-right:10px;
}
ul.social-buttons li:last-child {
	margin-right: 0px;
}
ul.social-buttons li a i{
	font-size: 1.4rem;
}


/* Contact Page */
#contact-map iframe{
	width: 100%;
	height: 300px;
}
#contact-form {
	margin: 60px 0 20px 0;
}
#contact-form [class*="column"] + [class*="column"]:last-child {
	padding-left: 0px;
}
#contact-form .button, #contact-form input{
	font-size: 0.9rem;
    height: 40px;
}
#contact-form textarea {
	height: 96px;
}

ul#contact-info {
	text-align: center;
}
ul#contact-info li {
	display: inline-block;
	width: 49%;
}
ul#contact-info li .contact-icon i {
	font-size: 2.5rem;
}
ul#contact-info li p {
	font-size: 0.95rem;
}

 #map-canvas {
        width: auto;
        height: 400px;
      }

/* SOCIAL MEDIA BUTTONS */

.fb-like-button
{
    width: 90px; height: 90px;
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 6px;
    }

.twitter-tweet-button {
    width: 90px; height: 90px;
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 6px;
    }

.misc {
	position: fixed;
	width: 100%;
	background: #666;
    background:url(/css/bkg/bkg-tower-of-london-black-white.png);
    margin: 0;
    overflow:hidden;
/* border-right: solid 1px #08080b;
	-ms-transform: translate(0%, 0);
	-webkit-transform: translate3d(0%, 0, 0);
	-moz-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
	padding: 35px;
    z-index: 1; */	
}

.label {
 position: relative;
 display: inline-block;
 font-size: 1.7em;
 font-family: 'Source Sans Pro', sans-serif;
 margin: 0.25em;
 vertical-align: top;
 background-color: #7cc576; /* #1a1aca; /*rgba(0,0,0,0.25);*/
 border-radius: 3px;
 padding: 7px 7px;
 box-sizing: padding-box;
}

.notice {
 position: relative;
 display: inline-block;
 font-size: 0.7em;
 font-family: 'Source Sans Pro', sans-serif;
 color: #fff; 
 text-transform: uppercase;
 margin: 0.25em;
 vertical-align: top;
 background-color: #000; /* #f00; #1a1aca; /*rgba(0,0,0,0.25);*/
 border-radius: 3px;
 padding: 7px 7px;
 box-sizing: padding-box;
}

.onairlabel {
    position: relative;
    display: inline-block;
    font-size: 0.7em;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0.25em;
    vertical-align: top;
    background-color: #f00; /* #f00; #1a1aca; /*rgba(0,0,0,0.25);*/
    border-radius: 3px;
    padding: 7px 7px;
    box-sizing: padding-box;
}

.nav {
    position: relative;
    display: inline-block;
    font-size: 0.7em;
    font-family: 'Source Sans Pro', sans-serif;
/*    color: #fff; */
    text-transform: uppercase;
    margin: 0.25em;
    vertical-align: top;
    background-color: #fff; /* #f00; #1a1aca; /*rgba(0,0,0,0.25);*/
    border-radius: 3px;
    padding: 7px 7px;
    box-sizing: padding-box;
}
.navactive
{
    background: #000 !important;
    position: relative;
    display: inline-block;
    font-size: 0.7em;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    margin: 0.25em;
    vertical-align: top;
    border-radius: 3px;
    padding: 7px 7px;
    box-sizing: padding-box;
}