/*
 * Common look and feel - shared across the site.
 */

html {
	background-color: transparent;
}

 body 
{
	/*background-color: #4A3964; 
	background-color: #42335A;
	background-image: url('/common/img/bg_pattern.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: left top;*/ 
	
	 background-color: #4A3964;
	 /*background: url('/common/img/16scarefest_background.jpg') 0 0 / cover no-repeat fixed, #4A3964;*/
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

body.scrolled {
	 margin-top: 155px;
 }

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

#ts13_header {
	width: 100%;
	height: 155px;
	/*background-image: url('/common/img/ts13_menu_background_smiler_scroll_3.png'); */
	background-image: url('/common/img/ts17_menu_background.png');
	background-repeat: repeat;
	background-position: left bottom;
	margin-bottom: 0px;
	position: relative;
	z-index: 990;
	/* margin-top: 50px; */
}

body.scrolled #ts13_header {
	height: 40px;
	position: fixed; 
	top: 0; left: 0;
	margin-top: 0px;
}

body.scrolled .firstThing {
	margin-top: 0px !important;
}

#ts13_header_contents {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

body.scrolled #ts13_header_contents {
	background-image: none;
}

#ts13_logo {
	float: left;
	width: 216px;
	background-repeat: no-repeat;
	height: 155px;
}

body.scrolled #ts13_logo img {
	display: none;
}


body.scrolled #ts13_logo {
	height: 40px;
	background-image: url('/common/img/ts16_sflogo_scrolled.png');
}

#ts13_holder {
	float: left;
}

#ts13_userbar {
	width: 743px;
	height: 79px;
}

body.scrolled #ts13_userbar {
	display: none;
}

#ts13_menu {
	width: 743px;
	padding-top: 0px;
}

body.scrolled #ts13_menu {
	padding-top: 0px !important;
}

#ts13_footer {
	width: 960px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	color: #352848 !important;
	font-size: 120% !important;
}


#ts13_footer a {
	color: #352848 !important;
	font-size: 120% !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
		body.scrolled #ts13_header {
			display: none;
		}
}

#logo
{
	height:160px;
	/* background-image:url('/assets/img/towersstreet_logo_header_2012_v7.png'); pre-scarefest */
	background-image: url('/common/img/ts17_menu_background.png');
	background-repeat: no-repeat;
}

/* Footer Boxes */

#footer1, #footer2, #footer3, #footer4, #footer5 {
	min-height: 175px;
	float: left; 
	border-right: 1px dotted #081C3C; 
	height: 100%;  
	margin: 4px; 
	padding: 4px; 
	width: 167px;
	font-family: MuseoSlab500Regular, Lato, Verdana, Arial, Helvetica, sans-serif;
}

.last_footer {
	border-right: 0px !important;
}

/* Dialogue Boxes */

.infobox, .scarebox, .successbox, .quotebox, .warningbox, .errorbox, .validationbox {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px !important;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.infobox {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/assets/img/info.png');
}
.scarebox {
    color: #C13100;
    background-color: #FF9933;
    background-image: url('/assets/img/patch.png');
}
.quotebox {
    color: #4A3967;
    background-color: #EAE6F2;
    background-image: url('/assets/img/quote.png');
}
.successbox {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/assets/img/success.png');
}
.warningbox {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/assets/img/warning.png');
}
.errorbox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/assets/img/error.png');
}	
/* Scroll Up Button */
.scrollup {
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:40px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('/common/img/scroll_top.png') no-repeat;
}
.sansshot {
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:40px;
    right:5px;
    display:none;
    text-indent:-9999px;
    background: url('/common/img/scroll_sands.png') no-repeat;
}

/* Social Links Buttons in the footer */

#footer-sharing {
width: 950px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 5px;
}

/* Depreciated 10th Feb 2025, sharing icons replaced by FontAwesome below

#footer-sharing-addthis {
	float: right;
	padding-right: 6px;
	background: url(/common/img/addthisbutton.png) no-repeat;
	background-position: 0 0;
	width: 163px;
	height: 33px;
}
.addthis_button span {
	display: none;
}
#footer-sharing-addthis:hover{
	background-position: 0 -34px ;
	width: 163px;
	height: 33px;
}
.fbook_off, .google_off, .fbook_on, .google_on, .twitter_off, .twitter_on, .yt_of, .yt_on{
	background: url(/common/img/sharingsprites.png) no-repeat;
	display: inline-block;
}

.fbook_off span, .google_off span, .fbook_on span, .google_on span, .twitter_off span, .twitter_on span, .yt_of span, .yt_on span {
	display: none;
}

.fbook_off{
	background-position: 0 0;
	width: 33px;
	height: 32px;
}

.google_off{
	background-position: -35px 0;
	width: 33px;
	height: 32px;
}

.fbook_off:hover {
	background-position: 0 -34px ;
	width: 33px;
	height: 32px;
}

.google_off:hover {
	background-position: -35px -34px ;
	width: 33px;
	height: 32px;
}

.twitter_off{
	background-position: -70px 0;
	width: 33px;
	height: 33px;
}

.twitter_off:hover {
	background-position: -70px -34px ;
	width: 33px;
	height: 33px;
}

.yt_of{
	background-position: -104px 0;
	width: 33px;
	height: 32px;
}

.yt_of:hover {
	background-position: -105px -34px ;
	width: 33px;
	height: 32px;
}

#parkexpert {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

*/

@media only screen and (max-width: 500px) {
    
	#footer {
			width: 100%;
				 }
	
	#footer-sharing {
			width: 100%;
			flex-wrap: wrap;
			display: flex;
			padding-left: 0px
    }
	
	#footer-content {
			width: 100%;
		    flex-wrap: wrap;
			display: flex;
					
    }
	
	#footer1, #footer2, #footer3, #footer4, #footer5 {
			width: 45%;
}
	#tophalf {
			overflow: unset;
}
}

/* Font Awesome, used for Social Media Links and other icons in Sidebars. Selected brands and styling, copied from the FA brands.css, regular.css and solid.css to minimise excess code. */

 /*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */

:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; 
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';   }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
 
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa); }

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }

.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands'; }
 
.fas,
.fa-solid {
  font-weight: 900; }

.far,
.fa-regular, 
.fab,
.fa-brands {
  font-weight: 400; }
  
/* FontAwesome TowersStreet specific styling. Use these to select the shape and colour options */
  
.fa-round {
  padding: 10px;
  font-size: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
  margin: 0 3px; }
  
.fa-rounded-square {
  padding: 5px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 3px; 
  border-radius: 25%; }
  
.fa-small-square {
  padding: 1px;
  font-size: 24px;
  width: 24px;
  text-align: center;
  text-decoration: none;
  margin: 3px 1px; 
  border-radius: 25%; }

.fa-white {
  background: rgba(255, 255, 255, 0.2);
  color: white; }

.fa-colour {
  color: white !important; }
  
/* FontAwesome specific icon styling */
  
.fa-facebook-f {
  --fa: "\f39e"; }

.fa-facebook-f:hover,
.fa-colour.fa-facebook-f {
  background-color: #1877F2; }
  
.fa-x-twitter {
  --fa: "\e61b"; }

.fa-x-twitter:hover,
.fa-colour.fa-x-twitter {
  background: black; }
  
.fa-instagram {
  --fa: "\f16d"; }

.fa-instagram:hover,
.fa-colour.fa-instagram {
  background: #833ab4;
  background: linear-gradient(to right,#833ab4,#fd1d1d,#fcb045); }
  
.fa-youtube {
  --fa: "\f167"; 
  text-indent:  -2px; }

.fa-youtube:hover,
.fa-colour.fa-youtube {
  background: #FF0000; }
  
.fa-tiktok {
  --fa: "\e07b"; }

.fa-tiktok:hover,
.fa-colour.fa-tiktok {
  color: white;
  text-shadow: 1.5px 1.5px #ff3353fc, -1.5px -1.5px cyan;
  text-decoration: none;
  background: black; }
  
.fa-discord {
  --fa: "\f392"; 
  text-indent: -3px; }

.fa-discord:hover,
.fa-colour.fa-discord {
  background: #5865F2; }
  
.fa-threads {
  --fa: "\e618"; }
  
.fa-threads:hover,
.fa-colour.fa-threads {
  background: black; }
  
.fa-bluesky {
  --fa: "\e671"; }
  
.fa-bluesky:hover,
.fa-colour.fa-bluesky {
  color: #0085ff;
  background: white; }  
  
.fa-rss {
  --fa: "\f09e"; }
  
.fa-rss:hover,
.fa-colour.fa-rss {
  background: orange; }
  
.fa-info-circle {
  --fa: "\f05a"; }
  
.fa-toilet-paper {
  --fa: "\f71e"; }
  
.fa-restroom {
  --fa: "\f7bd"; }
  
.fa-pound-sign {
  --fa: "\f154"; }
  
.fa-smoking {
  --fa: "\f48d"; }