@charset "UTF-8";
/* CSS Document */

/* 
* This stylesheet resets default browser styles and defines a 
* set of default styles consistent across browsers. 
*/ 

/* FONT SETTINGS
Thin	"raleway"		100	
Extra Light	"raleway"	200		
Light	"raleway"		300		
Regular	"raleway"		400		
Medium	"raleway"		500		
SemiBold	"raleway"	600		
Bold	"raleway"		700		 
Extra Bold	"raleway"	800		
Heavy	"raleway"		900

Light	"raleway"		300			
Medium	"raleway"		500			
Extra Bold	"raleway"	800		

freight-display-pro
Book 					400
Bold 					700
*/



/* COLOURS
*** Dark Orange: #e36b2c; - Functions, Blog
*** Blue: #0ea6b4; - The Story, Events, Contact
*** Dark Grey: #66676b; - Offers and Packages
*** Light Grey: #bcbabb;
*** Orange: #f8a71a; - Drink and Dine, Cafe
*** Green: #88af9c; - Our Rooms, The Cotswolds
*/


html, body, * {
	font-family: "freight-display-pro", Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 28px;
	margin: 0px;
	padding: 0px;
	color: #303030;
}
select, select option {
	color: #333;
}

h1, h2, h3, h4, h5, h6, .navHolder nav li a, header nav li a, .blogoverlay span {
	font-family: "raleway", 'Century Gothic', CenturyGothic, AppleGothic, Arial, Helvetica, sans-serif;
	font-weight: 800;
}

.maincontent h2, .contentcol h2 {
	font-family: "freight-display-pro", Georgia, Times, 'Times New Roman', serif;
	font-weight: 400;
}


:link img, :visited img, :hover img, :active img, img { border: none; } 
h1, h2, h3, h3 strong, h4, h5, h6, .navHolder li a, .button a span, .button a::before, a.back-to-top, .frmbut2, .frmbut, a.frmbut { 
	margin-top: 0px;
}


.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}

h1 { 
	font-size: 38px;
	line-height: 44px;
	font-weight: 800;
	font-style: normal;
	color: #000;
	margin-bottom: 0.6em;
	text-transform: uppercase;
	text-align: center;
}
@media (max-width: 648px) {
	h1 {
	    font-size: 32px;
		line-height: 38px;
	}
}


h1 a, h1 a:active, h1 a:link, h1 a:visited { 
	font-size: inherit;
	color: #66676b;
	margin-bottom:0.8em;
	font-weight: bold;
	text-decoration: underline;
}

h2 { 
	font-size: 21px;
	color: #303030;
	line-height: 30px;
	margin-bottom: 1em;
	margin-top: 0px;
	font-style: normal;
	font-weight: 800;
	text-transform: none;
	text-align: center;
}
h2 span {
	color: #9a8064;
	font-size: 28px;
	text-transform: none;
	font-style: italic;
	display: block;
	margin-bottom: 6px;
}
h2 em { 
	font-size:  24px;
	color: #66676b;
	line-height:26px;
	margin-bottom:1em;
	margin-top: 0px;
	font-style: italic;
}

h2 a, h2 a:active, h2 a:link, h2 a:visited { 
	font-size: 18px;
	color: #66676b;
	line-height:22px;
	margin-bottom:1em;
	margin-top: 0px;
	font-weight: bold;
	text-decoration: underline;
}
h1 a:hover, h2 a:hover {
	text-decoration: none;
	color: #bcbabb;
}
h2 strong {
	color: #66676b;
}


h3 { 
	font-size: 26px;
	line-height:28px;
	color: #66676b;
	margin-bottom: 1em;
	margin-top: 0px; 
	text-transform: uppercase;
}

.maincontent h3 {
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	font-style: italic;
	color: #66676b;
	margin-bottom: 0.8em;
	text-transform: none;
}

h4, h4 a, h4 a:active, h4 a:link, h4 a:visited { 
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	font-style: notmal;
	color: #66676b;
	margin-bottom: 1em;
	text-transform: none;
}

h4 a strong, h4 strong { 
	font-size:16px;
	color: #66676b;
	line-height:18px;
	margin-bottom:1em;
	font-weight: bold;
}
h5 {
	font-size: 14px;
	line-height: 18px;
	color: #66676b;
	margin-bottom: 1em;
}
h6 {
	color: #66676b;
}
h6, p, ul, ol, address, blockquote, dl, table { 
	font-size: 1em; 
	margin-bottom: 1.4em; 
}
p.nopad {
	margin-bottom:0px;	
}
ul {
	clear: left;
}
ul, li { 
	list-style-type: disc; 
	margin-left: 15px;
	padding-left: 5px;
} 
.ulmargin {
	margin-left: 25px;
}
ol, ol li { 
	list-style-type: decimal;
	margin-left: 15px;
}

em {  
font-style: italic;
font-size: inherit;
color: inherit;
}

strong {
	font-weight: 700;
	font-size: inherit;
	color: #000;
	font-style: normal;
}
u {
	font-size:inherit;
}


a:link { 
	color: rgba(242, 145, 0, 1);
	text-decoration: none;
	font-size: inherit;
	font-weight: inherit;
}
a:visited {
	text-decoration: none;
	color: rgba(242, 145, 0, 1);
	font-size: inherit;
	font-weight: inherit;
}
a:hover {
	text-decoration:  underline;
	color: rgba(242, 145, 0, 1);
	font-size: inherit;
	font-weight: inherit;
}
a:active {
	text-decoration: none;
	color: rgba(242, 145, 0, 1);
	font-size: inherit;
	font-weight: inherit;
}


.floatleft {
	float:left;
}
.floatright {
	float: right;
}
.imgright {
	float:right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.imgleft {
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.marginright {
	margin-right: 20px;
}
.marginright10 {
	margin-right: 10px;
}
.marginright8 {
	margin-right: 8px;
}
.marginleft {
	margin-left: 20px;
}
.marginleft10 {
	margin-left: 10px;
}
.nomargin {
	margin: 0px;
	border-bottom: none;
	padding-bottom: 0px;
}
.marginbottom {
	margin-bottom: 10px;
}
.marginbottom5 {
	margin-bottom: 5px;
}
.marginbottom { 
	margin-bottom: 20px;
}
.margintop { 
	margin-top: 12px;
}
.h2margin {
 	margin-top: -1px;
}

fieldset { border: none; }


/* 
* Not really a default style, but this class is used in 
* every project. 
*/ 
.clear:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
font-size: 0; 
}

.clear { 
	display: inline-table;
	clear:both;
	height:0;
	margin:0px;
	padding: 0px;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Hide from IE/Mac \*/ 
* html .clear { height: 1%; } 
.clear { 
	display: block; 
} 
/* Hide from IE/Mac */