/*
Theme Name: Alpine Hotel for Cats
Authors: Simon King & Ben Duffield
Author URI: http://www.benduffield.com/
Version: 1.0
License: GNU General Public License v2 or later
*/


body {
	background: #ffffff;
	-webkit-appearance:none;
	-webkit-text-size-adjust:none;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:13px;
}

@font-face {
	font-family: museo;
	src: url('../fonts/museo_slab.eot');
}
@font-face {
	font-family: museo;
	src: url('../fonts/MUSEO_SLAB.TTF');
}

.clear {
	clear:both;
}

a {
	color:#419DFA;
	text-decoration:none;
}


/* typography */

h1, h2, h3, h4 {
	color:#419DFA;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family:museo;
}
h2 {
	font-size:16px;
	color:#1b313f;
}

p {
	padding:0;
	margin:0 0 15px 0;
	line-height:21px;
	font-size:14px;
}

/* container */

.container {
	position:relative;
	width:950px;
	padding:0 15px;
	margin:auto;
}

.slide-container {
	width:950px;
	padding:0;
	margin:auto;
	margin-bottom:30px;
}

/* header */

#header {
	width:100%;
	margin:0 0 60px 0;
}

#header .top-bar {
	background:#ffffff;
	font-size:13px;
	font-family:museo;
	padding:17px 0;
}

#header .top-bar ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	text-transform:uppercase;
}

#header .top-bar ul li {
	display:inline-block;
	padding:15px 8px;
	color:#ffffff;
}

#header .top-bar ul li:first-child {
}

#header .top-bar .left {
	float:left
}

#header .main {
	background:#d1e8ee;
	font-size:14px;
	border-bottom:1px solid #c0d8de;
	border-top:1px solid #c0d8de;
	height:88px;
}

#header .main .logo {
	position:absolute;
	left:0;
	top:-52px;
	width:100%;
	max-width:157px;
	background:#ffffff;
	padding:15px;
	border:0;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	border-radius: 0 0 10px 10px;
}

#header .main .cats {
	position:absolute;
	right:-61px;
	top:-34px;
}

#header .main .tel {
	font-size:14px;
	font-family:museo;
	position:absolute;
	right:192px;
	top:33px;
	font-style:italic;
}

#header .main h2 {
	padding:24px 0 0 192px;
	color:#225a69;
	float:left;
	font-size:28px;
}

#header .top-bar ul {
	list-style:none;
	margin:0;
	padding:0 0 0 183px;
	float:left;
}

#header .top-bar ul li {
	display:inline-block;
	padding:0px 11px 0px 10px;
	color:#ffffff;
}

#header .top-bar ul li a {
	color:#225a69;
	padding:0;
}

#header .top-bar .menu-trigger {
	display:none;
}

/* content */

#content {
	width:640px;
	float:left;
	margin:0 0 45px 0;
}

#content h1 {
	line-height:23px;
	color:#225a69;
	font-size:21px;
	margin:0 0 15px 0;
}

#content h2 {
	margin:10px 0 25px 0;
	padding:0;
}

#content .service-title {
	margin:20px 0 15px 0;
	font-size:18px;
}

#content .title-adjust {
	margin:30px 0 25px 0;
}

#content .gallery {
	display:inline-block;
	margin:0 10px 10px 0;
	width:147px;
}

/* sidebar */

#sidebar {
	float:right;
	width:280px;
	padding:0;
	margin:0 0 30px 0;
}

#sidebar h1 {
	font-size:21px;
	color:#225a69;
	padding:0;
	margin:0 0 15px 0;
}

#sidebar h2 {
	font-size:21px;
	color:#225a69;
	padding:0;
	margin:0 0 15px 0;
}

#sidebar .map {
	frameborder:0;
	border:0;
	width:100%;
}

.widget {
	margin:0 0 20px 0;
	padding:0 0 5px 0;
}

.widget:last-child {
	padding:0;
	border-bottom:0;
}

#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar ul li {
	margin:0 0 5px 0;
	font-size:14px;
}

#sidebar ul li .icon {
	font-size:10px;
	position:relative;
	top:-1px;
	width:10px;
}

#sidebar ul li .tel {
	font-size:13px;
	position:relative;
	top:0px;
	width:15px;
	text-align:center;
}

#sidebar ul li .mob {
	font-size:16px;
	position:relative;
	top:0px;
	width:15px;
	text-align:center;
}

#sidebar ul li .email {
	font-size:11px;
	position:relative;
	top:-1px;
	width:15px;
	text-align:center;
}

/* footer */

#footer {
	width:100%;
	background:#225a69;
	padding:30px 0;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
}

/* homepage */

#intro {
	margin:0 0 24px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #419DFA;
}

#intro .column {
	width:30.3%;
	margin:0 4.5% 0 0;
	float:left;
	border:0;
	text-align:center;
}

#intro .column:nth-child(3) {
	margin:0;
}

#intro .column .image {
	width:100%;
	float:left;
	margin:0 0 20px 0;
}

.entry-title {
	margin:24px 0 10px 0;
}

.message {
	border-top:1px solid #eee;
	padding:15px 0 0 0;
}

.two-column {
	width:47%;
	float:left;
}

.two-column p {
	margin:0;
}

.three-column {
	width:31%;
	float:left;
}

.three-column p {
	margin:0;
}

.name {
	color:#ccc;
}

.testimonial-divide {
	border-top:1px dashed #ccc;
	margin:20px 0 20px 0;
}

.slider { position:relative; margin:0 0 30px 0; }
.slider .slides { width:950px; height:388px; overflow:hidden; }
.slider .slider-prev, .slider .slider-next { position:absolute; z-index:100; display:block; text-indent:-9999px; background-repeat:no-repeat; width:40px; height:40px; background-size:100%; top:50%; margin-top:-20px; opacity:0.5; transition:opacity 0.3s; }
.slider .slider-prev { background-image:url(http://alpinehotelforcats.co.uk/css/images/chevron-left.png); left:15px; }
.slider .slider-next { background-image:url(http://alpinehotelforcats.co.uk/css/images/chevron-right.png); right:15px; }
.slider .slider-prev:hover, .slider .slider-next:hover { opacity:1; }

form {
width:100%;
}

form input, form textarea {
border:1px solid #E9E9E9;
box-sizing:border-box;
font-family:arial;
font-size:13px;
margin:0 0 20px 0;
padding:12px 10px;
width:100%;
}

form input:focus, form textarea:focus {
border:1px solid #225a69;
outline:0;
}

form textarea {
resize:none;
}

.btn {
padding:12px 10px;
cursor:pointer;
float: left;
width: 100%;
color: #FFF;
background: #225a69;
border: 0;
font-size: inherit;
}