/*
Theme Name: Scaffold
Theme URI: http://www.kingjason.co.uk/
Description: A responsive WordPress theme for Healthwatch, built with Bootstrap
Author: Jason King
Author URI: http://www.kingjason.co.uk/
Version: 11.0.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Import Bootstrap CSS
----------------------------------- */

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-theme.css');


/* Import other CSS
----------------------------------- */

@import url('css/forms.css');
@import url('css/typography.css');
@import url('css/navigation.css');
@import url('css/colours.css');
@import url('css/widgets.css');
@import url('css/icons.css');
@import url('css/responsiveness.css');
@import url('css/print.css');


/* Structure
----------------------------------- */

body {
	padding-top: 12rem;
	}
	
body.home {
	padding-top: 14rem;	
	}
	
.page-header {
	padding-top: 2rem;
	padding-bottom: 3rem;
	border: none;
 	border-bottom: 5px solid rgba(255,255,255,0.13);
}
 
#content {
	border-radius: 5px;
	border-top-right-radius: 0;
	padding: 1.5rem 3rem 1rem 3rem;
	}

#sidebar {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
#home-top {
	margin-top: 2rem;
	}
	
.no-padding {
	padding: 0;
	}

.no-padding-left {
	padding-left: 0;
	}

.no-padding-right {
	padding-right: 0;
	}
	
/* Posts ---------------- */

 .post {
	 margin-top: 4rem;
	 margin-bottom: 4rem;
	 }
	 
/* Footer ---------------- */
	
footer {
	margin: 5rem 0 0 0;
	padding: 2.5rem 0 3.5rem 0;
	border-top: rgba(0,0,0,0.05) solid 5px;
	}
	
#subfooter {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}

/* Comments
----------------------------------- */
	
.comment {
	padding-top: 3rem;
	}
	
/* Jumbotron ---------------- */


/* Breadcrumb ---------------- */

.breadcrumb {
	margin-bottom: 3rem;
	}


/* Posts ---------------- */

.sticky {
	
	}
	
.bypostauthor {
	
	}
	
.service-type {
	border-bottom: rgba(0,0,0,0.1) 1px dotted;
	padding: 1.5rem 0;
	}

.service-type:last-child {
	border: none;
	}

/* Home page
------------------------------ */

.home .service-type {
	margin: 2rem 0;
	}

.home .loop-taxonomy .col-md-7, 
.home .loop-taxonomy .col-md-3 {
	float: none;
	width: 100%;
	}
	
#current-priorities {
	padding: 4rem 0;
	}


/* Static slides
----------------------------------- */

.static-slides {
	padding: 4rem 0;
	}

.static-slides .row {
	padding: 2rem 8rem;
	}

.static-slides h3 {
	line-height: 3rem;
	}

.static-slides .badge {
	float: left;
	background-color: #fff;
	color: #000;
	padding: .5rem;
	font-weight: bold;
	font-size: 2rem;
	border-radius: 50% 50%;
	min-width: 30px;
	margin-right: 1rem;
	}

/* Images
----------------------------------- */

.wp-post-image,
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.aligncenter {
	float: right;
	}
	
#content img {
	border-radius: 5px;
	}

img.alignnone,
img.aligncenter {
	margin: 1.5rem 0;
	}

img.alignright {
	float: right;
	margin: 0 0 2rem 2rem;
	}

h2 img.alignright {
	margin-top: .5rem;
	}

/* Galleries */

	
.wp-caption {
	}

.wp-caption-text {
	}
	
.gallery-caption {
	padding: 1rem 0;
	}

	
/* Video
----------------------------------- */

iframe {
	width: 100%;
	margin-top: 2.5rem;
	border-radius: 5px;
	border: solid rgba(0,0,0,0.05) 5px;
	}

iframe:hover {
	border: solid rgba(0,0,0,0.3) 5px;	
	}

#sidebar iframe,
#sidebar iframe:hover {
	border: none;
	}
	
/* Bootstrap helper classes
----------------------------------- */

.text-muted {
	}
	


/* ---- LOOP: Local Services Selector ----- */
	
ul#local-services-selector li {
	padding: .5rem 0;
	border-bottom: 1px dotted #ccc;
	}	

ul#local-services-selector li a {
	padding: 1.2rem 0;
	display: block;
	font-weight: bold;
	}	

ul#local-services-selector li:last-child {
	border: none;
	}
	
/* ---- LOOP: Archive Short ----- */

.loop-archive-short ul li {
	}

/* ---- LOOP: Taxonomy ----- */

.loop-taxonomy .row {
	margin: 2.5rem 0;
	}
	

	
/* Links
----------------------------------- */

#content a, footer a {
	font-weight: 700;
	}
	
#content h2 a {
	font-weight: normal;
	}

#sidebar .child-menu a {
	text-decoration: none;
	}

#content a[href$=".pdf"],
#content a[href$=".doc"],
#content a[href$=".docx"] {
	background-color: rgba(0,0,0,0.08);
	border-radius: 5px;
	border: solid 1px rgba(0,0,0,0.12);
	margin: 2rem 0 1rem 0;
	padding: 1.6rem 2rem 1.6rem 0;
	display: inline-block;
	font-family: Bitter, serif !important;
}

#content a[href$=".pdf"]:before,
#content a[href$=".doc"]:before,
#content a[href$=".docx"]:before {
	font-family: "FontAwesome";
	padding: 0 2rem;
	display: block;
	font-size: 2rem;
	font-weight: normal;
	text-decoration: none;
	float: left;
	color: rgba(0,0,0,0.60);
	}
	
#content a[href$=".pdf"]:after {
	content: " / PDF";
	color: rgba(0,0,0,0.50);
	}

#content a[href$=".doc"]:after,
#content a[href$=".docx"]:after {
	content: " / Word";
	color: rgba(0,0,0,0.50);
	}
	
#content a[href$=".pdf"]:hover,
#content a[href$=".doc"]:hover,
#content a[href$=".docx"]:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.1);
	}

#content a[href$=".pdf"]:hover:before,
#content a[href$=".doc"]:hover:before,
#content a[href$=".docx"]:hover:before {
	color: rgba(0,0,0,1.00);
	}

a[href$=".pdf"]:before {
	content:"\f1c1 ";
	}

a[href$=".doc"]:before,
a[href$=".docx"]:before {
	content:"\f1c2 ";
	}
	
	
#respond a[href$=".pdf"]:before,
#respond a[href$=".pdf"]:after {
	content:"" !important;
	display: none !important;
	}

/* Buttons
----------------------------------- */

.btn {
	letter-spacing: .1rem;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	white-space: normal;
	}
	
.btn:after {
	content: " \f105";
	font-family: FontAwesome;
	padding-left: .5rem;
	color: rgba(0,0,0,0.60);
	}

.btn:hover:after {
	content: "\f101";
	font-family: FontAwesome;
	padding-left: 1.5rem;
	color: #fff;
	}

.btn-primary {
	border-width: 1px;
	border-style: solid;
	font-size: inherit;
	letter-spacing: .05rem;
	text-shadow: none;
	font-family: inherit;
	box-shadow: none;
	font-weight: 400 !important;
	}

/* Agnosia Bootstrap Carousel by AuSoft
----------------------------------------------- */

.carousel {
	margin-top: 4rem;
	margin-bottom: 1rem;
	}

.home .carousel {
	margin-top: 5rem !important;
	}

.carousel img {
	background-size: contain;
	width: 100%;
	}
		
.carousel-caption h2 {
	font-size: 6rem;
	text-transform: uppercase;
	color: rgba(255,255,255,0.80);
	text-align: left;
	}
	
.carousel-control {
	font-size: 12rem;
	}
	

	/* ------ Agnosia Carousel FADE ------ */

    .carousel-inner .item {
            transition-property: opacity;
        }
        
    .carousel-inner .item,
    .carousel-inner .active.left,
    .carousel-inner .active.right {
            opacity: 0;
        }

            .carousel-inner .active,
            .carousel-inner .next.left,
            .carousel-inner .prev.right {
            opacity: 1;
        }

            .carousel-inner .next,
            .carousel-inner .prev,
            .carousel-inner .active.left,
            .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0) !important;
        }

    .carousel-control {
        z-index: 2;
    }
	
/* Tables 
------------------------------------ */

#content table {
	width: 100%;
	}
	
	
/* Media (Bootstrap)
------------------------------------- */

.media {
    background-color: rgba(0,0,0,:;);	
	padding: 2rem;
	border-top: 5px solid rgba(0,0,0,0.06);
	}

.media h2, .media h3 {
	padding-top: 0;
	margin-top: 0;
	font-size: 2rem;
	line-height: 3rem;
	}

.media-body {
	margin-bottom: 1rem;
	}
	
img.media-object {
	max-width: none;
	}

img.media-object {
	border-radius: 50% 50% !important;
	background-color: #fff;
	}

#sidebar img.media-object {
	max-width: 100px;
	}

	
/* Derbyshire only - move to child 
------------------------------------ */

.home .carousel {
	margin-top: 0;
	}
	
.home .page-header {
	margin-bottom: 0;
	}
	
/* Alerts
------------------------------------- */
.alert {
	position: fixed;
	bottom: 0;
	z-index: 10000000;
	display: inline-block;
	width: 100%;
	border-left: none;
	border-right: none;
	margin-bottom: 0;
	border-radius: 0;
	}

.alert button span {
	font-weight: bold;
	}