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

body{
	background-color: #9fa8a7;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.no-padding{
	padding: 0px;
}

/*-------------------------------------------------- */
.nav-container{
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;	
	padding-right: 30px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.nav-container{
	padding-left: 10px;	
	padding-right: 10px;
}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.nav-container{
	padding-left: 50px;	
	padding-right: 50px;
}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}
/*-------------------------------------------------- */


.torhatch-container{
	padding-top: 60px;
	padding-bottom: 50px;
}
.icon-container{
	padding-top: 20px;
	padding-bottom: 20px;
}
/*-------------------------------------------------- */
/* Colours
-------------------------------------------------- */

.green-text{
	color: #627a7c;
}
.grey-text{
	color: #1d1d1d;
}
.cream-text{
	color: #f4f3f2;
}
.bg-green{
	background-color: #9fa8a7;
}

/*-------------------------------------------------- */
/* Typogrophy
-------------------------------------------------- */

h1,h2,h3,h4,h5,h6{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #627a7c;
}
h1{
	font-size: 22px;
	padding-bottom: 25px;
	font-weight: 100;
	letter-spacing: 4px;
}
h2{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 3px;
	padding-top: 25px;
	margin-bottom: 0px;
}
h2 a{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 3px;
	padding-top: 25px;
	margin-bottom: 0px;
}
/*.xxxmain-section p{*/
/*	font-family: baskerville-urw, serif;*/
/*	font-weight:100;*/
/*}*/
p{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #575757;
	line-height: 26px;
	letter-spacing: 1px;
	font-weight:100;
}

.reviews p{
	margin-bottom: 0.2rem;
}
.local-area p{
	margin-bottom: 1.5rem;
}
/* 1px smaller than p */
.accommodation-text{
	font-size: 15px;
	font-weight:100;
	line-height: 22px;

}
/* 2px smaller than p */
.read-more{
	xfont-family: baskerville-urw, serif;
	font-size: 14px;
}
.icon-text{
	font-size: 12px;
	color: #627a7c;
	line-height: 26px;
	letter-spacing: 0.5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 100;
}

.testimonial-author{
	font-weight: 100;
	color: #627a7c;
}
.contact-text{
	font-weight: 100;
	color: #627a7c;
}
.contact-text-bold{
	font-weight: 400;
	color: #627a7c;
}
.torhatch-features p{
	font-weight: 100;
	font-size: 15px;
}

.review-author-text{
	font-weight: 500;
	color: #627a7c;
	padding-top: 15px;
}
/*-------------------------------------------------- */
/* Links
-------------------------------------------------- */
a {
	color: #627a7c;
	text-decoration: none;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.5px;
}
a:hover  {
	color: #1d1d1d;
	text-decoration:none;
}

a:focus  {
	color: #627a7c;
	text-decoration:none;
}

a:visited  {
	color: #627a7c;
	text-decoration:none;
}

a:active{
	color: #59776d;
	text-decoration:none;
}

a.footer-heading {
		font-size: 12px !important;
}

.footer a{
	color:#f4f3f2 !important;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 18px;
	text-decoration: none;
}

/* -----------------*/
/* NAVIGATION	ORIGINAL 	*/
/* -----------------*/

.anchor {
    display:block;
    padding-top:70px;
    margin-top:-70px;
 }

.nav-item{
    color: #667E7F;
	font-size: 16px;
	letter-spacing: 1px;
	xline-height: 26px;
	xfont-weight: 400;
	xtext-align: left;
}

.menu-text {
    color: #667E7F;
	font-size: 14px;
	xfont-weight: 400;
	letter-spacing: 3px;
}
.navbar-light .navbar-toggler{
	border-color: white;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #9fa8a7; /* Green*/
  Xbackground-color: #f4f3f2; /* Cream*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 3px;
  font-size: 13px;
  Xcolor: #627a7c; /*green text */
  color: #f4f3f2; /*cream text */
  display: block;
  transition: 0.3s;
}
.small-menu-text{
	font-size: 13px;
	letter-spacing: 1px;
	padding-left: 5px;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #627a7c; /*green text */

}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* -----------------*/
/* GOOGLE MAP    	*/
/* -----------------*/

.map-responsive{
    overflow:hidden;
    padding-bottom:90%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* -----------------*/
/* IMAGES:       	*/
/* -----------------*/
.underline{
	padding:0px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.img-fill {
	display: block; width: 100%; height: auto;
	}