/*
''template details start''
'name:Page
'primary:true
'serial:1000
'cssFile:template_page.css
'aspFile:template_page.asp
''template details end''
*/

/* defaults - copied from CMS2016.css so documents will inherit these styles in editing mode */
	/* * { vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; border:0 none; outline:0; padding:0; margin:0; }*/
	html, body { margin:0; padding:0; font-family:'Open Sans', sans-serif; font-weight:400; color:#555; }
	a { color:#07C; text-decoration:none; }
	a:hover { opacity:0.9; }
	p { margin:1em 0; }
	h1 { font-size:175%; font-weight:400; }
	.pageTitle { border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:30px; text-align:center; }
	h2 { font-size:135%; font-weight:400; }
	h3 { font-size:100%; font-weight:600; }
	hr { height:0; border:none; border-top:#eee solid 1px; margin:1.5em 0; }
	hr.noLine { border:1px solid #fff; }
	ul, ol { margin:1em 0; }
	ul li, ol li { margin:0 0 0 30px; }
	b, strong { font-weight:bold; font-weight:600; }
	.clear { clear:both; }
	iframe { width:100% !important; display:block; }
	.box { padding:30px; border:1px solid #e6e6e6; box-sizing:border-box; }
	.note { padding:20px; background:#fffacd; font-style:italic; font-size:90%; }
/* defaults - copied from CMS2016.css so documents will inherit these styles in editing mode */

/* colours - first is for CMS editor, second is to overide CMS2016.css */
h1.pageTitle,
h2.pageTitle { color:#1f4284; font-size:180%; font-weight:400; }
h2, .pageContent h2 { color:#1f4284; font-weight:600; }
h3, .pageContent h3 { color:#1f4284; font-weight:600; font-size:120%; }
h4 { font-weight:600; font-size:110%; }
.btn, .pageContent .btn { background:#1f4284; color:#ffd900; }
.bodyStyle .btn:hover { opacity:0.9; }
.box, .pageContent .box { border:1px solid #e6e6e6; }

h1,
h1.pageTitle,
.pageContent h2.pageTitle { color:#1f4284; }
h2, .pageContent h2 { color:#1f4284; }
h3, .pageContent h3 { color:#1f4284; }
.btn, a.btn, .pageContent .btn { background:#1f4284; color:#ffd900; }

/* header */
#headerBlock {  box-sizing:border-box; }
.logoLeft { display:inline-block; float:left; margin:0 30px 0 0; }
.logoRight { display:inline-block; float:right; }
.contactFont { font-size:18px; vertical-align:middle; }
.bookingBox { display:inline-block; }
.headerNav { background:#201c1d; }
.scroll-to-fixed-fixed { box-shadow:0 2px 5px rgba(0,0,0,0.25); } 

/* header */
#headerBlock { padding:50px 0; text-align:left; margin:0 auto; }
.logoLeft { margin:0; }
.headerContact { display:inline-block; text-align:left; }
.headerContact h3 { color:#1f4284; font-size:180%; font-weight:700; line-height:100%; margin:0 0 5px 0; text-transform:uppercase; }
ul.fa-contactlist { list-style:none; color:#201c1d; margin:0; font-size:115%; }
ul.fa-contactlist li { margin:0; }
ul.fa-contactlist .fa-stack { font-size:85%; }
.headerContact .fa-circle { color:#201c1d; }
.headerContact .fa-stack .fa-inverse { color:#fff; }
.bookingBox { font-size:90%; margin-top:5px; }
.bookingBox .datepicker-button { text-transform:uppercase; border-radius:3px; padding:0 15px; }
.bookingBox .datepicker-label, 
.bookingBox .datepicker-input, 
.bookingBox .datepicker-button,
.bookingBox .datepicker-label:before { line-height:40px; height:40px; }
.headerRight { float:right; vertical-align:top; display:inline-block; margin-top:30px; }
.headerRight img {  margin-left:5px; height:80px; }
.freewifi-logo { margin-right:70px; }

/* page */
.bodyStyle { font-size:95%; background:url(/~images/template/background.jpg) top center no-repeat #1f4284; /*background-attachment:fixed;*/ }
#pageOuter { box-shadow:0 5px 20px rgba(0,0,0,0.2); background:#fff; }
.pageContent { padding:70px; padding-top:50px; }
.captcha { font-size:12px; }
.row .contactCard h3 { font-size:130%; }
.row .contactCard ul { margin:0; }
.wLeft { float:left; text-align:center; width:440px; }
.wLeft .box { height:344px; }
#metservice-widget { margin:auto; width:300px; }
.wRight { width:500px; float:right; }
.seeanddo { text-align:center; }
.seeanddo iframe { display:inline-block; margin:0 5px; height:auto !important; width:176px !important; }
.intro { font-size:120%; margin-bottom:30px; }

/* roomtypes */
.roomtype h3.subtitle { display:none; }
.article h4.subtitle { color:#999; font-weight:400; font-style:italic; }

/* desc blocks - facilities */
.bThird:nth-child(3n) { padding:0; }
.bThird .descBlock { padding:0; border:1px solid #ddd; min-height:350px; }
.bThird .descBlock h2.maintitle, 
.bThird .descBlock .description { width:100%; padding:0 20px; }
.bThird .descBlock ul.gallery { width:100%; float:none; margin-bottom:20px; height:170px; }
.bThird .descBlock h2.maintitle { color:#1f4284; font-weight:700; font-size:110%; }
.bThird .descBlock .description { font-size:90%; max-height:105px; overflow:hidden; }
.bThird .descBlock .description ul { margin:0; }
.bThird .descBlock .description li { margin:0 0 0 20px; }
.bThird .descBlock a.btn { display:block; margin:10px 20px 25px; }

/* home blocks
.home .descBlock { border-bottom:none; padding:0; margin:30px 0; box-shadow:0 1px 5px rgba(0,0,0,0.2); }
.home .descBlock ul.gallery { float:left; overflow:hidden; width:50%; height:250px; padding-right:30px; }
.home .descBlock h2.maintitle, 
.home .descBlock h3.subtitle, 
.home .descBlock h4.subtitle, 
.home .descBlock .description, 
.home .descBlock .features, 
.home .descBlock .availability { float:right; padding:0 30px 0 0; width:50%; }
.home .descBlock h2.maintitle { margin-top:20px; }
.home .descBlock ul.gallery img { height:100% !important; } */

/* home reviews */
.slide .articlesBlock { border:none; padding:30px; margin:0; background:#f7f7f7; box-shadow:0 1px 5px rgba(0,0,0,0.2); }
.slide .articlesBlock h2.maintitle { font-style:italic; font-weight:400; }

/* desc block */
.fac .descBlock h2.maintitle,
.fac .descBlock .description { width:auto; padding:0; }
.fac .descBlock ul.gallery { width:100px; height:100px; position:absolute; left:0; top:0; }
.fac .descBlock ul.gallery img { border-radius:50px; }
.fac .descBlock { min-height:100px; }
.fac .descBlock .description,
.fac .descBlock h2.maintitle { padding-left:130px; }
.fac .descBlock h2.maintitle { padding-top:10px; }
.fac .descBlock .btn { margin-left:130px; }

/* footer */
#footerBlock { color:#587bbc; padding:20px 0; }
#footerBlock h4 { font-size:16px; color:#ffd900; font-weight:bold; margin-bottom:5px; }
#footerContact { color:#fff; line-height:24px; padding:40px 0 30px 0; float:left; margin-left:20px; list-style:none; }
#footerContact .fa-ul { margin:0; }
#footerContact .fa-li { color:#587bbc; }
#footerContact a { color:#fff; text-decoration:none; }
#footerContact a.linkBlue { color:#587bbc; text-decoration:none; }
#footerCopy { font-size:12px; text-align:center; padding:20px 0; }
#footerBlock a { color:inherit; }
#footerCopy {width:100%; float:left; margin:10px auto; box-sizing:border-box;}

/*=======================================================*/
/*======================= MOBILE ========================*/
/*=======================================================*/

@media only screen and (max-width: 1100px) {
.headerRight { display:none; }
}

@media only screen and (max-width: 960px) {
.bodyStyle { font-size:90%; }
.headerNav { box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.bookingBox { text-align:center; }
#pageOuter { margin:0; box-shadow:none; padding:0; }
.pageContent { margin:0; padding:1.5em; }
.bodyStyle .pageContent h2.pageTitle { font-size:130%; }
.fac .descBlock h2.maintitle { text-align:left; }
.fac .descBlock .btn { width:auto; }
}

@media all and (min-width:960px)
{
.headerNav .flexnav li > a { padding:20px; border-right: 1px solid rgba(255,255,255,0.05); }
.headerNav .flexnav li a:hover,
.headerNav .flexnav li:hover > a { background:rgba(255,255,255,0.05); }
}

@media only screen and (max-width: 960px) 
{
#headerBlock { height:auto; padding:0; }
#headerBlock .logoLeft,
#headerBlock .logoRight,
.headerContact h3, .headerContact .fa-contactlist { display:none; }
.headerContact { width:100%; }
.bookingBox { padding:1em; display:block; margin:0; background:#ddd; box-shadow:inset 0 -3px 5px rgba(0,0,0,0.05); }
.bodyStyle .headerNav { background:#1f4284; }
.bodyStyle .headerNav .mobile { color:#ffd900; }
h1,
h1.pageTitle,
h2.pageTitle { font-size:140%; margin-bottom:1em; }
#footerBlock { text-align:center; }
#footerBadges { padding:1.5em; padding-bottom:0; }
#footerBadges .logo { display:block; }
#footerBadges img { padding:0.5em; max-height:100px; margin:auto; }
#footerContact { float:none; width:auto; margin:0; font-size:90%; line-height:inherit; padding:1em 2em; line-height:120%; }
#footerContact .fa-ul li { margin:0; }
#footerContact .fa-ul .fa { display:none; }
#footerCopy { padding:1em 1em 2em 1em; line-height:120%; }
}

@media only screen and (max-width: 600px) 
{
h1,
h1.pageTitle,
h2.pageTitle { font-size:130%; }	
.asure .descBlock ul.gallery { margin:0 auto 1em; width:auto; }
.list_outer { padding:1em 0; font-size:90%; }
.pImg { float:none; margin:0; }
.pStars { display:block; } 
.pView { float:none; }
}

@media only screen and (max-width:600px) {
.intro { font-size:110%; }
.row .contactCard h3 { font-size:120%; }

/* desc block */
.fac .descBlock ul.gallery { position:static; margin:auto; }
.fac .descBlock .description,
.fac .descBlock h2.maintitle { padding-left:0; }
.fac .descBlock h2.maintitle { padding-top:1em; }
.fac .descBlock .btn { margin-left:0; }
.fac .descBlock h2.maintitle { text-align:center; }
}