@import url("../Framework/style-normalise.css");
@import url("style-menu.css");
@import url("style-forms.css");

@font-face {
	font-family: "Web Symbols";
	src: url('fonts/websymbols-regular-webfont.eot'); /* IE */
	src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
	     url('fonts/WebSymbols-Regular.otf') format('otf'),
	     url('fonts/websymbols-regular-webfont.svg#svgFontName') format('svg');
	}

/*Tag overides************************/
html {
	font-size: 85%;																	/* for rem calculations */
}
body {
	padding: 0 5px;
}
* {
	font-family: "Open Sans", "Times New Roman", Serif;
	font-size: 15px;
	font-size: 1.5rem;
}

img {vertical-align: bottom;}
a {color: #0e4670;}
a.white:hover {text-decoration: none;/*color: rgba(255,255,255,0.75);*/}
.clear {clear: both;}
/* Fonts ************************/
.serif, * {font-family: "Open Sans", "Times New Roman", Serif}						/* also used for all text as a default */
.sanserif {font-family: "Oswald", Arial, san-serif; font-weight: normal;}
.symbols {font-family: "Web Symbols";}

/* Colours ************************/
.siteblue{color: rgb(119,169,209);}
.siteblue-back {background-color: rgb(119,169,209);}
.lightblue {color: rgb(184,217,238);}
.lightblue-back {background-color: rgb(184,217,238);}
.lightgreen {color: rgb(194,217,0);}
.lightgreen-back, .home-slider .caption-html, .section-about {background-color: rgb(194,217,0);}
.orange {color: rgb(248,157,0);}
.orange-back, .section-whats-on {background-color: rgb(248,157,0);}
.paleorange {color: #fac66d;}
.paleorange-back, .section-whats-on .current-menu-item a, .section-whats-on .current-page-ancestor > a, .section-whats-on ul li {background-color: #fac66d;}
.lightorange-back {background-color: rgb(241,212,172);}
.pink {color: rgb(209,96,209);}
.pink-back, .section-explore {background-color: rgb(209,96,209);}
.palepink-back, .section-explore .current-menu-item a, .section-explore .current-page-ancestor > a, .section-explore ul li {background-color: #d97dd9;}
.purple {color: rgb(157,146,255);}
.purple-back, .section-experience {background-color: rgb(157,146,255);}
.purple-back, .section-experience .current-menu-item a , .section-experience .current-page-ancestor > a, .section-experience ul li{background-color: #afa6fd;}
.blue {color: rgb(70,174,255);}
.blue-back, .section-enjoy {background-color: rgb(70,174,255);}
.paleblue-back, .section-enjoy .current-menu-item a, .section-enjoy .current-page-ancestor > a, .section-enjoy ul li {background-color: #74bff9;}
.textgrey, * {color: rgb(45,45,45);}													/* also used for all text as a default */
.textgrey-back {background-color: rgb(45,45,45);}
.grey, {color: rgb(179,179,179);}
.grey-back,.section-business,  .section-business .current-menu-item a, .section-business .current-page-ancestor > a, .section-business ul li {background-color: rgb(179,179,179);}
.lightergreen-back{background-color: rgb(197,204,2);}
.midblue-back,.twitter-back {background-color: rgb(99,146,186);}
.darkblue {color: rgb(30,32,100);}
.darkblue-back {background-color: rgb(30,32,100);}
.yellow {color: rgb(212,228,76);}
.yellow-back, .section-about .current-menu-item a, .section-about .current-page-ancestor > li, .section-about ul li {background-color: rgb(212,228,76) !important;}
.white {color: White;}
.black {color: Black;}
.subtleorange-back {background-color: #fef8e7;}

.tint {/*opacity: 0.75;*/} 					/* used for faded text */

.borderradius {border-radius: 8px;}
.padding {padding: 3%;}
.smallpadding {padding: 1%;}

.debug {background-color:#74bff9;}

.cal-container{
	border:1px solid rgb(248,157,0);
}



/* Layout ************************/

#pageContainer {
	width: 100%;
	margin: 0 auto;
	background-color: White;
	padding-top: 10px;
}

#contentContainer {
	margin: 15px 0 15px 0px;
}

article h1 {
	font-size: 130%;
	margin: 10px 0;
}
article p {
	font-size: 100%;
	line-height: 140%;
}

.sitespacer {clear:both; height: 2px;}



.quote-box {
	background-color: rgb(231,240,153);
}
.quote-box {
	font-size: 100%;
	line-height: 140%;
	font-style: italic;
	margin-bottom: 15px;
}
.quote-box h2 {
	font-size: 130%;
	margin: 0px 0 10px 0;
	font-style: normal;
}

.column2 img {
	width: 100%;
	margin-bottom: 15px;
}

.final-segment {
	clear: both;
	padding: 3%;
	min-height: 20px;
	margin-bottom: 15px;
}
.final-segment * {
	font-size: 95%;
	line-height: 130%;
	font-weight: bold;
}

.final-segment h6 {display: none;}
.final-segment h6.mobile-heading {
	margin-bottom: 15px;
	font-size: 130%; line-height: 160%;
	display: block;
	font-weight: normal;
}
.final-segment img {
	width: 96%;
	border: 2px solid rgb(255,255,255);
	border: 2px solid rgba(255,255,255,0.5);
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
/* Header ************************/
.mainHeading .logo {
	width: 40%;
}
.home .floating-menu {display: none;}

.social .mobilebutton {
	display: block;
	float: right;
	height: 40px;
	width: 26%;
	line-height: 40px; text-align: center;
	font-size: 12px; font-size: 1.2rem;
}
header .social .icons {display: none;}

.social .searchbox {
	float: left;
	height: 40px;
	width: 66%;
	line-height: 40px;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 2%;
}
.social .searchbox span.sanserif {display: none;}				/* Hide the Search wording so only the mag icon shows */
.social .searchbox form {
	float: right;
	width: 80%; margin-top: -3px; padding: 0;
}
.social .searchbox form input {
	width: 100%;
	height: 25px;
	margin-top: 3px;
	border: 0;
	font-size: 12px;
	padding: 0;
}
.social {
	margin-bottom: 5px;
}

nav.tablet-menu {
	display: none;
}

/* Footer ************************/

#footer {

}


/* Widgets **************************/

.widget-area ul {
	list-style-type:none;
	padding:0; margin:0;
}
.widget_area ul li {
	padding:0; margin:0;
}



/* Slider **************************/
.homeslider .caption-html {
	position: relative;
	width: 100%;
	height: 1%;
	top: 0;
	left: 0;
	background-color: rgba(194, 217, 0, 0.75);
}

.homeslider .caption-html h1 {
	font-size: 175%;
	padding: 5%;
	font-weight: normal;
	color: Black;
}
.homeslider .caption-html p {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	line-height: 130%;
	padding: 0 10% 0 10%;
}
.homeslider .caption-html button {
	display: none;
}
.homeslider .caption-html button:after {
	content: " )";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}

.homeslider .rslides {height:0px;overflow:hidden;}

.tablet-inner-menu {display: none;}


.twitter-back {
	position: relative;
	min-height: 100px;
	margin-top: 10px;
}

.tweets {padding: 2% 3%;}

.tweets .article {
	border-bottom: 1px dotted white;
	margin-bottom: 7px;
	padding-bottom: 7px;
	line-height: 90%;
}


.tweets .article p {
	font-size: 85%;
	margin: 0;
}
.tweets .article a {
	color: white;
	/*opacity: 0.75;*/
}

.tweets .tweet-small {
	color: White;
	font-size: 75%;
}

.tweets-footer {
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-align: right;
	height: auto;
	min-height: 0;
}
.tweets-footer a {
	font-size: 85%;
}

.featured-image {
	margin-top: 10px;
	position: relative;
}

.video-overlay p {padding: 0; margin: 0;}

.video-overlay iframe{
	position: absolute;
	top: 0; left: 0;
	width: 100% !important;
	height: 100% !important;
}

/************* Home Section 3 ************/

.things-to-do {
	padding: 1.5%;
}

.things-to-do h3 {
	font-size: 160%;
	font-size: 1.6rem;
	line-height: 170%;
	margin-bottom: 15px;
}

.thingstodo-image {
	border: 2px solid white;
	width: 40%;
	float: left;
	margin-right: 5%;
}
.thingstodo-image img {
	width: 100%;
	vertical-align: bottom;
}

.thingstodo-box {clear: both; margin-bottom: 10px;}

.thingstodo-box h6 {
	margin-top: 10px; margin-bottom: 10px;
	font-style: italic;
	font-size: 100%;
}
.thingstodo-box p {
	font-size: 85%;
	line-height: 140%;
}
.thingstodo-box p a {
	font-style: italic;
}
.thingstodo-box p a:after {
	content: " )";	font-family: "Web Symbols";	font-style: normal;	font-weight: normal;
}

/************* events section ************/
h4 {
	line-height: 35px;
	padding: 0 10px;
}

.rightarrow:after {
	content: " )";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}



/***************** Events Home Box *******************/
.events-diary-box {
	position: relative;
}
.events-diary-box h3, .twitter-back h3 {
	font-size: 130%;
	font-size: 1.3rem;
	padding:10px;
}
.events-diary-box .event {padding: 10px; clear: both;}

.events-diary-box .event h4 {
	font-style: italic;
	font-size: 90%;
	margin-bottom: 3px;
	line-height: 120%;
	padding: 0;
}
.events-diary-box .event p {
	font-size: 90%;
	width: 90%;
	line-height: normal;
	float: left;
	margin-bottom: 4px;
}
.events-diary-box .event a {
	font-size: 90%;
	width: 10%;
	float: right;
	text-align: right;
}
.events-diary-box .event a:hover {text-decoration: none; /* opacity: 0.6; */}
.events-diary-box h5 {
	clear: both;
	width: 100%;
}
.events-diary-box h5 a {
	display: block;
	padding: 10px;
	font-size: 90%;
	font-size: 0.9rem;
	font-style: italic;
	color: Black;
}
.events-diary-box h5 a:after {
	content: " )";	font-family: "Web Symbols";	font-style: normal;	font-weight: normal;
}
/************* Footer ************/
footer ul {text-align: center; padding: 10px 0 0px 0;}
footer ul li {
	display: block;
	font-size: 95%;
	padding: 4px 15px;
	white-space: nowrap;
}

#menu-top-footer a {color: white; line-height: 122%;}
#menu-bottom-footer {padding-bottom: 25px;}
#menu-bottom-footer a {color: rgb(212,228,76); line-height: 122%;}
#menu-top-footer a:after {
	content: " ;";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}
#menu-top-footer .menu-item-56 a:after {
	content: " @";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}
#menu-bottom-footer a:after {
	content: " )";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}

.calendar-prompt {
	margin-top: 15px;
	font-style: italic;
	font-size: 95%;
	line-height: 120%;
	font-weight: bold;
}
.calendar-prompt a:hover {
	text-decoration: none;
}

.calendar-prompt:after {
	content: " )";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}



.smalltext {
	font-size: 80% !important;
}

/* ****************** Enjoy Section ***************************/
.enjoy h1 {
	padding: 0 5px;
	font-size: 130%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	margin-bottom: 2px;
}
.enjoy h1 span {display: none;}

.enjoy .search {
	float: none;
	padding: 0 5px;
	line-height: 40px;
	text-align: right;
}
.enjoy .search input {
	border: 0; height: 24px;
	margin-left: 10px; margin-right: 5px;
	font-size: 90%;
	width: 50%;
	padding: 0 5px;
}
.enjoy-thumbs {display: none;}

section.enjoy .search {
	display: none;
}
.mobile-directory-search {
	float: none;
	display: block !important;
	text-align: left !important;
	height: 40px;
	overflow: hidden;
}
.mobile-directory-search span {display: inline;}

.alpha {
	margin-top: 5px;
}
.alpha .letter {
	float: left;
	margin-right: 3px;
	width: 32px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-bottom: 2px;
}
.alpha .letter:last-child {margin-right: 0; width: 50px;}

.directory-column p {
	font-size: 90%;
	line-height: 140%;
	margin-bottom: 5px;
}

.directory-column .social img {
	float: right;
	margin-left: 5px;
	margin-bottom: 10px;
}
.dircontent-container {position: relative;}
.directory-column .extras {display: none;}

.directory-column .more {
	position: absolute;
	bottom: 0; right: 0;
	font-size: 90%;
	line-height: 140%;
	margin-bottom: 10px;
}
.directory-column .morelink:after {
	content: " )";
	font-family: "Web Symbols";
	font-style: normal;
	font-weight: normal;
}

.directorySubHead {
	clear: both;
}

.name-cats {
	text-align: left;
}

.name-cats a {
	float: right;
	width: 46%;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	text-align: left;
	margin-top: 2px;
}
.name-cats a:last-child {margin-left: 0px;float: left;}

.mobile-off {display: none;}
.column-quarter .directory-column .directory-header {margin-top: 10px; padding: 5px 5px;}
.column-quarter .directory-column p {
	font-size: 75%;
}
.column-quarter .directory-column .more {
	line-height: normal; margin-bottom: 0; font-size: 75%;
}

/* sitemap */
.wsp-pages-title {
	display: none;
}
.wsp-pages-list, .wsp-pages-list ul {
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 5px;
}

.wsp-pages-list a {
	margin-top: 10px;
	color: rgb(119,169,209);
	font-weight: bold;
}
.wsp-pages-list ul li a {
	color: black;
	font-weight: normal;
}

article > img {margin-bottom: 8px;}

#dlSlideshow .centered-btns_nav {
	left: 0px;
}
#dlSlideshow .centered-btns_nav.next {
	right: 0px !important;
}


#TB_caption {
	font-size: 9pt;
	line-height: 12pt;
}