/* StallManager custom */

/* COLOURS*/
/* Aqua #58c4bc */
/* Brown #b1453c */

/* TOP SHELF */
body { font-family:"Raleway",sans-serif; }
	#home {  } /* have to use these 2 together to fake bg opacity */
	#home::after {
 	content: "";
		background:url(../img/web/img-plan.png) no-repeat center center fixed;  /* auto bg coverage */
  		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
 		background-size: cover;
  		opacity: 0.05;
 		 top: 0;
  		left: 0;
  		bottom: 0;
  		right: 0;
  		position: fixed;
		z-index: -20; } 

/* LAYOUTS */

#bar { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #000; overflow: auto; z-index: 0; }
#street-view { height: 250px; background-image: url(../img/web/market-street-for-web60.1920x1088.jpg); background-size: cover; background-position: center center; width: 100%; margin: 0 auto; max-width: initial; z-index: -10; }
#happy-vendor1 { height: 250px; background-image: url(../img/web/stallholder.web60.1920x1184.jpg); background-size: cover; background-position: center center; width: 100%; margin: 0 auto; max-width: initial; z-index: -10; }
#contact-mob { display: block; }
#contact-web { display: none; }
#logo-mob { display: block; }
#logo-web { display: none; }
.callout { border: none; }
.callout.primary { background-color: #58c4bc; color: #0a0a0a; }
.callout.secondary { background-color: #1688b7; color: #fff; }
.callout.tertiary { background-color: #fff; color: #000; }
.top20 { margin-top: 20px; }
.top50 { margin-top: 50px; }
.pad50 { padding: 50px 0px; }
.pad100 { padding: 100px 0px; }
.top20pad { padding-top: 20px; }
.top200pad { padding-top: 60px; }
.base20 { margin-bottom: 20px; }
.whitebg { background-color: #fff; padding: 10px 0px; }
.shadow {  -moz-box-shadow: 0px 0px 10px 0px #ccc; -webkit-box-shadow: 0px 0px 10px 0px #ccc; box-shadow: 0px 0px 10px 0px #ccc; }
.padlogo { padding: 180px 0px 50px 0px; }

/* NAV */

#logo { width: 120px; float:left; display: none; margin: 0 6px 0 0; }
.record20{box-shadow:2px 2px 6px rgba(0,0,0,0.2);border:none;background-color:#EAEAEA;margin:0 0 20px 0;transition: all .1s ease-in-out;} /* transition = hover trick */
.logo { transition: all .1s ease-in-out; margin-left: auto; margin-right: auto; } /* transition hover zoom */
.logo:hover { transform: scale(1.2); } /* transition hover zoom */
#nav { background-color: #000; }
.title-bar { background: #000; }
.top-bar { background: #000; font-size:1em; font-weight:normal; padding: 6px; background-size: cover; }
.top-bar ul { background: #000 !important; }
.top-bar li { padding: 0 !important; }
.top-bar a { color: #FFF; }
.top-bar-left a { background: #000!important; }
.top-bar-right a { background: #58c4bc !important; color: #000 !important; }
.top-bar-right li { background: #000 !important; }
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border-color: #FFF transparent transparent; } /* changes down arrow in top-bar dropdowns */
.top-bar-left li a:not(.button):hover { background: #b1453c !important; }
.top-bar-right li a:not(.button):hover { background: #b1453c !important; color: #fff !important; }
a:hover, a:focus { opacity: 1; }
:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}

/* TEXT */

h1,h2,h3,h4 {font-family:"Droid+Sans",sans-serif; }
.t-white { color: #fff; }
.center { text-align: center; }
.right { text-align: right; }

/* BUTTONS */

.button { background-color:#58c4bc; color: #fff; }
.b-white { background-color:#fff; color: #000; }
.button:hover, .button:focus { background-color: #b1453c; color: #fff; }

/* MENU BAR FLICKER FIX */
.no-js .top-bar {
  display: none;
}

/* MEDIA QUERIES */
/* Small screens - MOBILE */
@media only screen { } /* Define mobile styles - Mobile First */
 
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
 
/* Medium screens - TABLET */
@media only screen and (min-width: 40.063em) {
	/* LAYOUTS */
	#street-view { height: 400px; }
	#happy-vendor1 { height: 400px; }
	.padlogo { padding: 300px 0px 50px 0px; }
	#contact-mob { display: none; }
	#contact-web { display: block; }
	#logo-mob { display: none; }
	#logo-web { display: block; }
	.top200pad { padding-top: 200px; }
	/* NAV */
	#logo { display:inline-block; }
	/* MENU BAR FLICKER FIX */
	.no-js .top-bar {
    	display: block;
    }
    .no-js .title-bar {
        display: none;
    }
} /* min-width 641px, medium screens */
 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
 
/* Large screens - DESKTOP */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
 
/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
 
/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */