/*   
Theme Name: Failbetter
Theme URI: http://futureproof.co.uk
Description: Bespoke theme for Failbetter Games
Author: Futureproof Digital
Author URI: http://futureproof.co.uk
Version: 1.0
*/

.chromeframe {position: absolute; top: 0;}
::-moz-selection{background: #888; color: #fff; text-shadow: none;}
::selection {background: #888; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #888;} 


body {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	font-family:calluna, Georgia, Times, 'Times New Roman', serif;
	background:#1a1a1a;
	-text-size-adjust:none;
	text-size-adjust:none;
}
body.admin-bar .navbar { top: 30px; }
a { color:#777; text-decoration:underline; }
a:hover { color:#777; text-decoration:none; }

#nav { margin-bottom:0; }
.navbar-brand img.large { display:block; width:100px;}
.navbar-brand img.small { display:block; width:20px; display: none;}
.navbar { background-color:transparent; position:absolute; top:0; left:0; border-bottom:0 none; }

.navbar-inverse .navbar-nav>li>a {
	color:#fff;
	text-decoration:none;
	font-weight:700;
}

#footer .navbar-right.social   { margin-top:10px; padding-right:15px; }
.navbar-right.social a { color:#fff; margin-left:10px; text-decoration:none; }
.navbar-right.social a:first-child { margin-left:0; }


.navbar-inverse .navbar-nav>.current_page_parent>a,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	text-decoration:none;
	color:#fff;
	background:transparent url('img/active-nav.png') no-repeat center bottom; background-size:50px auto; 
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
	background:#1a1a1a;
	text-decoration:none;
	border-radius:0;
	border:0 none;
}

a.navbar-toggle { cursor:pointer; }

.comic { width:100%; }
@media screen and (max-width:767px) {
	.container>.navbar-header,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container-fluid>.navbar-collapse { position:absolute; top:0; right:0; left:0; margin:0; }
	.navbar-collapse.collapsing,
	.navbar-collapse.collapse { margin-top:0; padding-top:40px; }
	#zenbox_tab { display: none !important;}
}

.navbar-collapse.collapse.in,
.navbar-collapse { background:#222; border-bottom:1px solid #1a1a1a; }

@media screen and (min-width:768px) {
	.navbar-collapse.collapse.in,
	.navbar-collapse { background:transparent; border-bottom:0 none; }
}

.navbar-collapse.collapse.in a:hover,
.navbar-collapse.collapse.in a:focus,
.navbar-collapse.collapse.in a,
.navbar-collapse.collapsing .active a { background-image:none; }
.navbar-collapse a { background-image:none; }

.navbar-collapse.collapse { background:transparent; border-bottom:0 none; }

.navbar .navbar-text { margin-left:0; }
.navbar .btn-default { padding:0 5px; background:transparent; color:#fff; border:0 none; }
.navbar-nav>li>.dropdown-menu {
	background:#1a1a1a;
	border-radius:4px;
	border-top-left-radius:0;
	border-color:#1a1a1a;
	text-decoration:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0 none;
}
.navbar .dropdown-menu>li>a { color:#bbb; text-decoration:none; }
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus { text-decoration:none; background:#222; color:#fff; }

header h1,
.navbar-inverse .navbar-nav>li>a,
.navbar-right.social a {
	text-shadow:0 0 4px #000;
}
.navbar-right.social a:hover,
.navbar-inverse .navbar-nav>li>a:hover { color:#dadada; }


#footer .nav-pills a:hover { background:transparent; }

#main { font-size:18px; line-height:1.8em; background:#fff; }

section h1 {
	font-weight:300;
	margin-top:40px;
	margin-bottom:30px;
}
section p,
.entry p { margin-top:15px; margin-bottom:30px; }
body.archive #main,
body.search #main,
body.single-post #main,
body.blog #main { background:#1a1a1a; color:#fff; }

body.archive #main .col-1,
body.archive #main .col-2,
body.search #main .col-1,
body.search #main .col-2,
body.single-post #main .col-1,
body.single-post #main .col-2,
body.blog #main .col-1,
body.blog #main .col-2 { padding-top:40px; }
body.blog #main article { margin-bottom:60px; }

body.search #main h1.search-intro,
body.archive #main article h1,
body.archive #main article h2,
body.archive #main article h3,
body.archive #main article h4,
body.archive #main article h5,
body.archive #main article h6,
body.search #main article h1,
body.search #main article h2,
body.search #main article h3,
body.search #main article h4,
body.search #main article h5,
body.search #main article h6,
body.single-post #main article h1,
body.single-post #main article h2,
body.single-post #main article h3,
body.single-post #main article h4,
body.single-post #main article h5,
body.single-post #main article h6,
body.blog #main article h1,
body.blog #main article h2,
body.blog #main article h3,
body.blog #main article h4,
body.blog #main article h5,
body.blog #main article h6 { text-align:left; }

body.archive #main .col-2,
body.search #main .col-2,
body.single-post #main .col-2,
body.blog #main .col-2 { text-align:center; }

.container.blog-index article h1 { color:#fff; margin-bottom:0; }
.container.blog-index article h3 { color:#fff; margin-top:0; }
.container.blog-index article h2 { margin-bottom:0; }
.container.blog-index article h4 { margin-top:12px; }
.container.blog-index article h2 a {
	color:#fff;
	text-decoration:none;
}

body.blog #main .col-2 .featured-link-wrapper { width:60%; margin:100px auto; }

section.container { padding-top:20px; padding-bottom:20px; margin-top:0; }
#main .action { margin:30px 0 40px; }
#main header .action { margin:10px 0 40px; }
#main header .row.gallery { margin:10px 0 40px; }
#main .gallery { margin:40px 0 30px; padding:0; }


.newsletter-signup { margin-top:45px; }

.swiper-quotes-pager { text-align:center; }
.swiper-quotes-pager span {
	display:inline-block;
	width: 5px;
	height: 5px;
	margin:0 6px 0;
	border-radius: 50%;
	background: #BBB;
}
.swiper-quotes-pager span.swiper-active-switch { background:#000; }

.swiper-container {
	-webkit-backface-visibility:visible;
}

.rsDefault .rsBullets {
	bottom:10px;
	background:transparent;
}
.rsDefault .rsBullet { width:17px; height:5px; padding:0; }
.rsDefault .rsBullet span {
	width: 5px;
	height: 5px;
	margin:0 6px 0;
	border-radius: 50%;
	background: #BBB;
}

.rsDefault .rsBullet.rsNavSelected span { background:#666; }

.btn {
	text-decoration:none;
	border-radius:0;
	text-transform:uppercase;
	-ms-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	transition:all 0.1s ease;
}
.btn-lg, .btn-group-lg>.btn { padding:11px 16px 10px; }

.btn.btn-default {
	background:#fff;
	border-color:#1a1a1a;
	color:#1a1a1a;
}
.btn.btn-primary {
	background:#1a1a1a;
	border-color:#fff;
	color:#fff;
}

.btn.btn-default:hover {
	background:#1a1a1a;
	border-color:#1a1a1a;
	color:#fff;
}
.btn.btn-primary:hover {
	background:#fff;
	border-color:#fff;
	color:#1a1a1a;
}


.input-lg { border-radius:0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
	border-radius:0;
	border-color:#1a1a1a;
}


.section { overflow:hidden; margin:0; background-repeat:no-repeat; }
.splash {
	width:100%;
	margin:0; padding:20px 0;
	background-position:center bottom, center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.splash h1,
.splash h2           { font-weight:300; margin-bottom:25px; font-size:56px; color:#fff; margin-bottom:25px; }
.splash { margin-bottom:0; color:#fff; text-align:center; }
.splash .jumbotron { background:transparent; }
.container .jumbotron { padding-top: 20px; padding-bottom: 35px; margin-bottom: 0;}
.splash p { margin:1em 0 1.5em; }

.quotes,
.quotes blockquote { width:100%; margin:0; border-left:0 none;}
blockquote.swiper-slide { float: none; border: none;}
.quotes blockquote.swiper-slide { float: left; }
.quotes .carousel-indicators li        { border-color:#333; }
.quotes .carousel-indicators li.active { background:#333; }

.quotes { padding-bottom:20px; }


.royalSlider {
	background:transparent;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}


.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
	background:transparent;
}

.feature-slider { width:100%; }
.slider { width:100%; }
.feature-slider .splash { width:100%; }
.container.slider { margin-bottom:90px; }

.splash.featured-links { background:#1a1a1a; }
.featured-links .featured-link-wrapper {
	position:relative;
	width:90%; height:90%;
	max-width:200px;
	margin:90px auto 80px;
	border-radius:100%;
	border:2px solid #fff;
}
.tweets h4 { margin-top:50px; }
.tweets a:before,
.featured-links .featured-link-wrapper.style-1:before {
	top:-15.9320%; left:-2.9126%;
	width:105.8252%; height:131.8840%;
	background-image:url('img/border-1.png');
}
.featured-links .featured-link-wrapper.style-2:before {
	top:-18.8405%; left:-2.8985%;
	width:106.3106%; height:131.1642%;
	background-image:url('img/border-2.png');
}
.featured-links .featured-link-wrapper.style-3:before {
	top:-17.8743%; left:-2.8985%;
	width:106.3106%; height:135.2657%;
	background-image:url('img/border-3.png');
}

.featured-links .featured-link-wrapper:before {
	content:'';
	position:absolute;
	display:block;
	background-repeat:no-repeat;
	background-size:100%;
}

.featured-links .featured-link-wrapper:after { content:''; display:block; padding-top:100%; }
.featured-links .featured-link-wrapper .featured-link {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	border-radius:100%;
	background-size:100%;
	-ms-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	text-decoration:none;
}
.featured-links .featured-link-wrapper .featured-link:hover { opacity:0.8; }

.home.page .iframe-container {height:268px;}
.iframe-container { width:100%; }

@media screen and ( max-width:700px ) {
	.iframe-container { overflow-y:hidden; overflow-x:scroll; }
}

.addthis_toolbox { overflow:hidden; margin-top:50px; }
.addthis_toolbox a { float:left; margin-right:10px; padding:0 2px; color:#fff; }
.addthis_toolbox a:hover { color:#dadada; }

.featured-links .featured-link-wrapper .featured-link .content-wrapper {
	display:table;
	width:100%; height:100%;
}

.featured-links .featured-link-wrapper .featured-link .content-wrapper .content {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-weight:300;
	text-transform:uppercase;
	font-size:23px; line-height:26px; 
	color:#fff;
}


.latest-news h4 a,
.tweets h4 a { text-decoration:none; color:#fff; }
.tweets .border-icon-1 { background:url('img/border-circle-1.png') no-repeat top left; }
.tweets .border-icon-2 { background:url('img/border-circle-2.png') no-repeat top left; }
.tweets .border-icon {
	padding-top:1px;
	background-size:100%;
	margin-right:10px;
	margin-left:10px;
}

.thumbnail-section img { margin-top:40px; margin-bottom:20px; }
#main section {
	text-align:center;
	margin-top:0;
}

.linked-divider { position:relative; display:table; }
.linked-divider:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; }
.linked-divider:hover { text-decoration:none; }
.linked-divider .linked-divider-title {
	display:table-cell;
	text-align:center;
	padding:60px 0;
}
.linked-divider .linked-divider-title span {
	display:inline-block;
	padding:60px 100px;
	background-image:url('img/border-top.png'), url('img/border-bottom.png');
	background-repeat:no-repeat;
	background-position:center top, center bottom;
	background-size:100% auto;
	text-transform:uppercase;
	font-size:48px; line-height:1.1em;
	color:#fff;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-weight:300;
	text-align:center;
}

#main h3 { margin-top:40px; }

.tweets,
.latest-news {
	padding:60px 0 100px;
	overflow:hidden;
	background:#1a1a1a;
	color:#fff;
}
.tweets {
	padding-bottom:90px;
}

.latest-news h4,
.latest-news article { position:relative; border-bottom:1px solid #fff; font-weight:300; }
.latest-news article { margin:30px 0 0; }
.latest-news h4 { margin:0 0 10px; padding-top:40px; border-top:1px solid #fff; border-bottom:0 none; text-transform:uppercase; }
.latest-news h4 small { text-transform:none; }
.latest-news h4:before,
.latest-news article:before,
.latest-news h4:after,
.latest-news article:after {
	content:'';
	position:absolute;
	bottom:-4px;
	width:7px; height:7px;
	background:#fff;
	border-radius:100%;
}
.latest-news h4:before,
.latest-news h4:after { top:-4px; }
.latest-news h4:before,
.latest-news article:before { left:0; }
.latest-news h4:after,
.latest-news article:after  { right:0; }

@media screen and (max-width:992px) {
	.latest-news h4:before,
	.latest-news h4:after { display:none; }
	.latest-news h4 { border-top:0 none; }
	.latest-news .col-md-4:first-child h4:before,
	.latest-news .col-md-4:first-child h4:after { display:block; }
	.latest-news .col-md-4:first-child h4 { border-top:1px solid #fff; }
}


.recent-blog {
	font-size:16px;
	padding-bottom:20px;
	line-height:1.8em;
	background:#333;
	color:#fff;
}

.recent-blog .col-md-4 {
	padding-bottom:20px;
}

.recent-blog h3 {
	margin-bottom:25px;
	font-size:22px;
	font-weight:900;
	font-style:italic;
}

.recent-blog p { margin-bottom:20px; }
#recent-blog p:first-letter {
	float:left;
	margin:0 8px 0 0;
	font-size:55px;
	line-height:1em;
	font-weight:500;
}

#footer {
	padding:40px 0;
	background:#1a1a1a;
	color:#fff;		font-size: 14px;		line-height: 1.42857;
}

.col-2 .cats {
	margin-top:80px;
	padding:40px 0;
	background-image:url('img/border-top-right.png'),
		url('img/border-bottom-right.png'),
		url('img/border-bottom-left.png'),
		url('img/border-top-left.png');
	background-position:top right, bottom right, bottom left, top left;
	background-repeat:no-repeat;
	background-size:54px 54px;
}
.col-2 .widget {
	margin-top:80px;
	padding:40px 0;
	background-image:url('img/border-top-right.png'),
		url('img/border-bottom-right.png'),
		url('img/border-bottom-left.png'),
		url('img/border-top-left.png');
	background-position:top right, bottom right, bottom left, top left;
	background-repeat:no-repeat;
	background-size:54px 54px;
	font-size: 0.9em;
}
.col-2 .widget:first-child {
	margin-top: 1em;
}
.col-2 .widget h3 {
	margin-top: 0 !important;
}
.col-2 .widget ul {
	list-style-type: none;
	margin: 0 1em;
	padding: 0;
}
.col-2 .widget ul .post-date {
	display: block;
	margin-top: -0.5em;
}
#footer .row.links { margin-bottom:20px; }
.cats a { text-transform: uppercase; }
.cats a,
.tags a,
#footer a { color:#fff; text-decoration:none;}
.cats a:hover,
.tags a:hover,
#footer a:hover { color:#dadada; }
#footer .mob-copyright { margin:30px 0 0; }
#menu-footer-navigation { margin-bottom:20px; }
.cats a:hover,
.tags a:hover { text-decoration:underline; }

@media screen and (max-width:992px) {
	.navbar-inverse .navbar-nav>li>a { padding:10px 5px; font-weight:300; }
}

@media screen and (min-width:550px) and (max-width:768px) {
	#footer .newsletter { width:50%; }
	.container { padding-left:40px; padding-right:40px; }
	#nav .container { padding-left:15px; padding-right:15px; }

	
}

header.splash form .btn-sm { margin-left:10px; margin-right:10px; }
.tags h2 { margin-top:50px; }

article img { max-width:100%; }