/* Kinning Park Care Home
================================================== */
/*
Author:             Iain Fergus
Twitter:            @darkflare
Author URL:         darkflaredesign.co.uk
Project URL:        kinningparkcarehome.co.uk
Version:            1.1	
Launch Date:		2nd May 2014
Last Edited:  		3rd July 2019

Copyright 2014 — Present, Iain Fergus

*/


/* Table of Content
==================================================
	#Font-Face
	#Colours
	#Site Styles
	#Print Styles 
	*/

/* #Font-Face
================================================== */
@font-face {
    font-family: 'Sreda';
    src: url('../fonts/sreda/sreda-webfont.eot');
    src: url('../fonts/sreda/sreda-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sreda/sreda-webfont.woff') format('woff'),
         url('../fonts/sreda/sreda-webfont.ttf') format('truetype'),
         url('../fonts/sreda/sreda-webfont.svg#sredaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
			font-family: 'Sreda';
			src: url('../fonts/sreda/sreda-webfont.svg#sredaregular') format('svg');
		}
	}

/* #Colours
================================================== */
/*

White - #FFF
L.Grey - #F0F0F0
M.Grey - #999
M.Grey - #767676
D.Grey - #444
D.Grey - #333
L.Blue - #09F
L.Burgundy - #871146
D.Burgundy - #610C32

*/

/* #Site Styles
================================================== */

html {
	overflow-y: scroll;
	font: 100%/1.5 Tahoma, Geneva, Verdana, sans-serif;
}

body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #F7F7F7 url('../img/css/pattern-bg.png');
	color: #444;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Sreda', serif;
	font-weight: normal;
	line-height: 1;
	color: #767676;
}

h1 {
	font-size: 30px;
	font-size: 1.875rem;
}

h2 {
	font-size: 24px;
	font-size: 1.5rem;
}


.main-title,
.latest-title {
	font-size: 30px;
	font-size: 1.875rem;
	color: #871146;
	margin: 0.4em 0 0;
}
	
.main-subtitle,
.latest-subtitle {
	font-size: 24px;
	font-size: 1.5rem;
	color: #767676;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.main-title,
	.latest-title {
		font-size: 24px;
		font-size: 1.5rem;
	}
		
	.main-subtitle,
	.latest-subtitle {
		font-size: 20px;
		font-size: 1.25rem;
	}

}

@media only screen and (max-width: 479px) {

	.main-title,
	.latest-title {
		font-size: 24px;
		font-size: 1.5rem;
	}
		
	.main-subtitle,
	.latest-subtitle {
		font-size: 20px;
		font-size: 1.25rem;
	}

}



h1 + h2,
.latest-title + .hfeed {
	margin-top: 0;
}

.latest-news-summary { 
	padding-bottom: 1em;
}

p {
	margin-top: 0;
}

a {
	color: #610c32;
}

	a:focus,
	a:hover {
		color: #09F;
	}

address {
	font-style: normal;
}

small {
	display: block;
}

img {
	max-width: 100%;
	height: auto!important;
}

hr {
	display: block;
	overflow: hidden;
	margin: 1.5em 0;
	padding: 0;
	width: 100%;
	height: 0;
	border: 1px dotted #CCC;
	border-width: 1px 0 0;
}
	 
table {
	margin-bottom: 2em;
}

th,
td {
	vertical-align: top;
	border: 1px solid #DDD;
	padding: 0.5em;
}
	
th {
	font-weight: normal;
	border-bottom: 1px solid #610c32;
}

.pipe  {
	font-weight: normal;
}

.brand {
	color: #871146;
}

.muted {
	color: #767676;
}

.navbar,
.header,
.main,
.footer,
.infobar {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

		@media only screen and (max-width: 767px) {
			.navbar,
			.header,
			.main,
			.footer,
			.infobar {

			}
		}

.ie7 .navbar,
.ie7 .header,
.ie7 .main,
.ie7 .footer,
.ie7 .infobar {
	display: block;
	overflow: hidden;
	zoom: 1;
}

	
.container {
	display: block;
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}

	@media only screen and (max-width: 959px) {
		.container {
			width: 730px;
		}
	}

	@media only screen and (max-width: 767px) {
		.container {
			width: 90%;
			padding: 0 3%;
		}
	}

.ie7 .container {
	position: relative;
	zoom: 1;
}

.row {
	float: left;
	display: block;
	margin: 20px 0 20px -20px;
}

.infobar .row {
	margin-top: 10px;
}

.ie7 .row {
	position: relative;
	padding-bottom: 20px;
}

.column {
	float: left;
	display: inline-block;
	margin: 0 0 0 20px;
	word-wrap: break-word;
}

.col-1-3 {
	width: 300px;
}

.col-2-3 {
	width: 620px;
}

.col-1-2 {
	width: 460px;
}

.col-full {
	width: 940px;
}

	@media only screen and (max-width: 959px) {

		.col-1-3 {
			width: 230px;
		}

		.col-2-3 {
			width: 480px;
		}

		.col-1-2 {
			width: 355px;
		}

		.col-full {
			width: 730px;
		}

	}

	@media only screen and (max-width: 767px) {
	
		.row {
			margin-left: 0;
		}
		
		.column {
			margin: 0;
			display: block;
		}

		.col-1-3,
		.col-2-3,
		.col-1-2,
		.col-full {
			width: 100%;
		}
		
	}
	
.padding-all {
	padding: 20px;
}
		
.padding-horz {
	padding: 0 20px;
}

.padding-left {
	padding: 0 0 0 20px;
}
		
.padding-vert {
	padding: 20px 0;
}

	@media only screen and (max-width: 767px) {
	
		.padding-left {
			padding: 0 20px;
		}
	
	}
	
.navbar {
	background: #610c32;
	color: #FFF;
	font-family: 'Sreda', serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: normal;
	line-height: 1;
}

	.nav-inline {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
		/*
		text-align: center;
		*/
	}
	
	.nav-inline li {
		position: relative;
		display: inline;
		margin: 0;
		padding: 0;
		font-size: 18px;
		font-size: 1.125rem;
		z-index: 9;
	}
	
	.nav-inline a {
		display: inline-block;
		margin: 0;
		padding: 18px 10px 16px;
		color: #FFF;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
		   -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
			 -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
				transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}
	
		.nav-inline .selected a,
		.nav-inline a:focus,
		.nav-inline a:hover {
			background: #871146;
			text-decoration: none;
			outline: 0;
		}
		
	
	.nav-inline ul {
		position: absolute;
		left: -9999px;
		margin: 0;
		padding: 0;
		background: #871146;
		font-size: 16px;
		font-size: 1rem;
		text-align: left;
	}
	
		.ie7 .nav-inline ul {
			/*top: 100%;  Makes the drop-downs work in IE7 */
		}
	
		.nav-inline ul li {
			display: block;
		}
			
		.nav-inline li:hover ul {
			left: 0;
		}
		
		.nav-inline li:focus a,
		.nav-inline li:hover a {
		}
		
		.nav-inline li:hover ul a {
			padding: 14px 10px;
			text-decoration: none;
			background: none;
		}
		
			.nav-inline li:hover ul a:hover {
				background: #610c32;
			}
		
		.nav-inline ul a {
			white-space: nowrap;
			display: block;
			border-bottom: 1px solid #610c32;
		}

.header {
	background: #333;
	color: #FFF;
	margin: 0;
	z-index: 1;
}

.masthead-banner {
	position: relative;
	background: #DDD;
	overflow: hidden;
}

	.masthead-banner-img {

		display: block;
		margin: 0;
	}

	.logo {
		position: absolute;
		display: block;
		margin: 30px 0 0;
	}
	
	@media only screen and (max-width: 959px) {
		.logo {
			margin: 25px 0 0;
		}
	}
	
	@media only screen and (max-width: 767px) {
		.logo {
			margin: 18px 0;
			width: 180px;
		}	
	}	
	
	@media only screen and (max-width: 600px) {
		.logo {
			margin: 10px 0;
			width: 160px;
		}	
	}
	
	@media only screen and (max-width: 479px) {
		.logo {
			margin: 10px 0;
			width: 100px;
		}
	}

.main {
	overflow: hidden;
	background: #FFF;
	color: #444;
	min-height: 400px;
}

.care-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.care-list li {}

.vertical-banner {
	margin-top: -20px;
	padding: 20px;
	background: #F0F0F0;
}

@media only screen and (max-width: 767px) {
	.vertical-banner {
		margin-top: 20px;
	}
}

.cmsmap {
	width: 220px;
	height: 320px;
}

.cmsmap img {
    max-width: none;
}

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.cmsmap {
			width: 150px;
			height: 280px;
		}
	}
	
	@media only screen and (max-width: 767px) {
		.cmsmap {
			width: 100%;
			height: 280px;
		}
	}

/* Blog */

.hfeed {
	padding-left: 0;
	list-style: none;
}

.ie7 .hfeed {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.hentry {
	padding-bottom: 1em;
}

.ie7 .hentry {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.hentry + .hentry {
	border-top: 1px dotted #CCC;
}

.hentry h2 {
	margin-bottom: 0;
}

.entry-title {
	color: #610C32;
	text-decoration: none;
}

	.entry-title:focus,
	.entry-title:hover {
		color: #09F;
		text-decoration: underline;
	}
	
	.post .entry-title {
		cursor: default;
	}
	
	.post .entry-title:focus,
	.post .entry-title:hover {
		color: #610C32;
		text-decoration: none;
	}
	
.entry-published {
	color: #AAA;
}

.nav-news ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.nav-news li {
	display: block;
	padding: 0;
	
}

.nav-news a {
	display: block;
	border: 1px dotted #CCC;
	border-width: 0 0 1px;
	padding: 0.5em;
	text-decoration: none;
}

	.nav-news a:focus,
	.nav-news a:hover {
		text-decoration: underline;
	}

.nav-news li ul a {
	padding-left: 1.5em;
}


.paging {
	display: block;
	overflow: hidden;
	margin: 2em 0 0;
	padding: 5px 0;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
	border: 1px dotted #CCC;
	border-width: 1px 0;
	color: #999;
}

.paging-prev {
	float: left;
	display: inline-block;
	overflow: hidden;	
	width: 25%;
	min-height: 27px;
	padding: 12px 0 0;
}

	.paging-prev a {
		padding-left: 5px;
	}

	.paging-next a {
		padding-right: 5px;
	}

.paging-count {
	float: left;
	display: inline-block;
	overflow: hidden;
	width: 50%;
	text-align: center;
	min-height: 24px;
}

	.paging-count .page {
		text-transform: uppercase;
		line-height: 1.5;
	}

.paging-next {
	float: right;
	overflow: hidden;
	display: inline-block;
	width: 25%;
	text-align: right;
	min-height: 27px;
	padding: 12px 0 0;
}

.latest-subtitle {
	text-decoration: none;
}

.latest-subtitle:focus,
.latest-subtitle:hover {
	text-decoration: underline;
}

/* Testimonials */
.testimonial {
	border-left: 5px solid #871146;
    padding-left: 1em;
    margin-left: 0;
	margin-right: 0;
	font-size: 110%;
}

.testimonial + .testimonial {
	margin-top: 1.5em;
}

.testimonial--source {
	margin-top: -1em;
    display: block;
    font-weight: bold;
    font-style: normal;
    font-size: 90%;
}

.testimonials__sidebar .testimonial {
	padding-right: 0.5em; 
}

/* Contact Form */

.contact-details a[href^="mailto:"] {}

@media only screen and (max-width: 479px) {
	.contact-details a[href^="mailto:"] {
		word-wrap: break-word;
		font-size: 12px;
		font-size: 0.75rem;
	}
}

.contact-form form {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 10% 0 0;
}

.contact-form label {
	display: block;
	margin: 0 0 0.5em;
	font-weight: normal;
	color: #767676;
}

.contact-form input,
.contact-form textarea {
	display: block;
	width: 100%;
	margin: 0 0 20px; 
	padding: 10px;
	border: 1px solid #ccc; 
	color: #444;

	box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
}

	.contact-form input:focus,
	.contact-form input:hover {
		border: 1px solid #333; 
		outline: 0;
	}

.ie7 .contact-form  label,
.ie7 .contact-form  input,
.ie7 .contact-form  textarea {
	width: 95%;
}

.contact-form input[type="submit"] {
	width: auto;
	font-family: 'Sreda', serif;
	font-size: 18px;
	font-weight: normal;
	font-size: 1.125rem;
	line-height: 1;
	text-align: center;
	margin: 0;
	padding: 18px 18px 16px;
	background: #610c32;
	border: 0;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	   -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
	     -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
	        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}


.contact-form input[type="submit"]:focus,
.contact-form input[type="submit"]:hover {
	background: #871146;
	text-decoration: none;
	outline: 0;
}

.contact-form .honeypot {
	display: none;
}

.images {
	margin-top: -20px;
}

.images img {
	display: block;
	margin: 20px 0 0;
}


.footer {
	background: #610c32;
	color: #FFF;
}

.ie7 .footer {
	padding-bottom: 20px;
}
	.footer a {
		color: #FFF;
	}
	
	.footer a:hover,
	.footer a:focus {
		color: #09F;
	}
	
.vcard {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
}

.vcard .adr {
	margin-bottom: 20px;
}
	
.vcard .org {
	font-family: 'Sreda', serif;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: normal;
	color: #FFF;
	line-height: 1;
	margin: 0 0 20px;
}

.vcard .vcard-label {
	font-weight: normal;
}

.vcard .vcard-label.space {
	display: block;
	margin-top: 20px;
}

.vcard .tel {
	display: inline;
}

.vcard .tel-link,
.vcard .tel-link:focus,
.vcard .tel-link:hover {
	text-decoration: none;
	cursor: default;
	color: #FFF;
	outline: 0;
}

.footer--logo {
	float: right;
}
	@media only screen and (max-width: 767px) {	
		.footer--logo {
			float: none;
			margin-top: 20px;
			display: block;
		}
	}

.quick-jump {
	display: block;
	overflow: hidden;
	margin: 20px 0 -20px;
	background: #222;
}

.quick-jump ul {
	margin: 0 0 0 20px;
	padding: 0;
}

.quick-jump li {
	float: left;
	display: inline-block;
	margin: 0 1em 0 0;
}

.label {
	padding: 0.5em 0;
}

.quick-jump a {
	display: inline-block;
	padding: 0.5em;
	text-decoration: none;
	font-weight: bold;
}

.quick-jump a:focus,
.quick-jump a:hover {
	background: #444;
	color: #FFF;
}

.quick-jump .kinning-park {
	background: #871146;
	color: #EEE;
}

a.kinning-park:focus,
a.kinning-park:hover {
	background: #871146;
	color: #EEE;
	cursor: default;
}


	
	@media only screen and (max-width: 767px) {
		.quick-jump {
			margin: 20px 0 0;
		}
		.quick-jump ul {
			font-size: 80%;
			margin: 0;
			text-align: center;
		}
		
		.quick-jump li {
			float: left;
			display: inline-block;
			margin: 0;
			width: 50%;
		}
		
		.quick-jump li.label {
			float: none;
			display: block;
			width: 100%;
		}
		
		.quick-jump a {
			display: block;
			padding: 0.5em 0;
			background: #333;
		}
		
	}


.infobar {
	color: #610c32;
}

.infobar small {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}

.infobar a {
	text-decoration: none;
}

.infobar a:focus,
.infobar a:hover {}

.infobar .pipe {
	display: none;
}
.info-credit {
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.info-credit {
		text-align: left;
	}
}
@media only screen and (max-width: 479px) {

	.vcard {
		font-size: 12px;
		font-size: 0.75rem;
	}	
	
	.vcard .org {
		font-size: 20px;
		font-size: 1.25rem;
	}
	
	.infobar .br {
		display: none;
	}
	
	.infobar .pipe {
		display: inline-block;
	}
	
}

.care-widget {
	background-color: white;
    border-radius: 5px;
    margin: 2em auto 0;
}
@media only screen and (min-width: 480px) {
  .care-widget {
      float: right;
  }
}
	
/* #Print Styles
================================================== */

	@media print {
		* {
			color:#000 !important;
			box-shadow:none !important;
			text-shadow:none !important;
			background:transparent !important;
		}
		html {
			background-color:#fff;
		}
		/* Hide navigation */
		nav { display:none; }

		/* Show link destinations in brackets after the link text */
		a[href]:after { content: " (" attr(href) ") "; }
		a[href] {
			font-weight:bold;
			text-decoration:underline;
			color:#06c;
			border:none;
		}
		/* Don't show link destinations for JavaScript or internal links */ 
		a[href^="javascript:"]:after, a[href^="#"]:after {
			content:"";
		}
		
		/* Show abbr title value in brackets after the text */
		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		figure { 
			margin-bottom:1em; 
			overflow:hidden;
		}

		figure img { border:1px solid #000; }

	}