/*

plein air interactive
28 Maple Street
Suite 300
Portland, Maine 04101
+1 207.221.2520

http://pleinairinteractive.com
http://facebook.com/gopleinair
http://twitter.com/gopleinair

SCREEN.CSS 

*/

body {
	font-family:'Helvetica Neue', Helvetica, sans-serif;
	font-weight:300;
	font-size:120%;
	background: #333;
	color:#444;
	}

#home {
	background: #efefef;
	}

a {color:#ffa20d;text-decoration: none;}
a:hover {color:#ffbc51;text-decoration: underline;}
a:visited {color:#ffa20d;}

.red {background: #dd4e32 !important;}
.gold {background: #e6b200 !important;}
.blue {background: #1c8c9e !important;}
.grey {background: #4d4b4c !important;}


/* = header
--------------------------------- */
#logotop {
	position: relative;
	z-index:7777;
	height:0;
	}

#logo {
	margin:0 auto;
	width:980px;
	height:0;
	}
	
#logo a {
	color:#fff;
	display: block;
	width:160px;
	text-decoration: none;
	padding:.5em 0;
	font-weight:700;
	}

#logo a img {
	position: fixed;
	top:0;
	}

#logo a span {
	display:block;
	height: 0;
	text-indent: -7777px;
	}

#header {
	margin:0;
	padding:0;
	background: #131217;
	background: rgba(19, 18, 23, 0.7);
	position:relative;	
	z-index:7776;
	position:fixed; /* sticky header */
	top:0;
	width:100%;	
	}

/* = status nav
--------------------------------- */
#status {
	background: #48abe5;
	background: rgba(72, 171, 229, 0.9);
	
	}

#utility-nav {
	margin:0 auto;	
	width:980px;
	font-size:80%;
	position:relative;
	opacity:0.95;
	/* temporarily hiding status nav */
	/* display:none;   */
	height:32px;
	width:1px;
	}

#utility-nav li {
	float:right;
	}	

#utility-nav li a {
	display: block;
	padding:.6em 1em .5em;
	color:#fff;
	}	

#utility-nav li a:hover {
	color:#1c8c9e;
	text-decoration: none;
	}

#utility-nav li a img {
	float:left;
	margin:0 12px 4px 0;
	border-radius: 50%;
	border:1px solid #fff;
	}

#utility-nav li a:hover img {
	border:1px solid #1c8c9e;
	}
	
#utility-nav li.sfHover a {
	background: #fff;
	color:#1c8c9e;
	}

#utility-nav li ul {
	display: none;
	background: #fff;
	position: absolute;
	padding:1em;
	top:2em;
	right:0;
	border:1px solid #dfdfdf;
	border-top:none;
	border-radius: 12px;
	border-top-right-radius:0;
	}

#utility-nav li.sfHover ul {
	display:block;
	}

#utility-nav li ul li {
	float:none;
	}

#utility-nav li ul li a {
	padding:.75em 1em .5em;
	}

#utility-nav li ul li a:hover {
	background: #67c0ca;
	color: #fff;
	border-radius: 8px;
	}


#login > a {
	background: #fff;
	margin:.3em;
	padding:.3em 1em .2em !important;
	border-radius: 8px;
	color:#1c8c9e !important;
	}

#login > a:hover, #login > a:focus {
	background: #67c0ca !important;
	color:#fff !important;
	/* text-decoration: underline !important; */
	}


/* = nav
--------------------------------- */
#navwrap {
	margin:0 auto;	
	width:980px;
	}

#nav {
	float:left;
	margin-left: 172px;
	}	

#nav li {
	float:left;
	}

#nav li a {
	color:#fff;
	display: block;
	padding:.1em .5em;
	margin:.5em .25em;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:80%;
	border-radius:8px;
	}

#nav li a:hover {
	color: #fff;
	background: #ffbc51;
	}
	
#nav li.current-menu-item a {
	color:#fff;
	background: #0bc66e;
	}

/* mobile nav icon */
#tt-menu {display:none;}

/* = general layout
--------------------------------- */
#container {
	margin:0 auto;
	width:980px;
	position:relative;
	padding:1em 0 0 0;
	min-height:560px;
	margin-top:100px; /* sticky header */
	}
	
#content {
	float:left;
	width:500px;
	/* width:720px; */
	margin:1em 0 2em;
	padding:1em 24px;
	color:#ccc;
	background: #333; /* fallback */
	background: rgba(17, 17, 17, 0.7);
	border-radius: 16px;
	position: relative;
	z-index:5;
	}

#sidebar {
	float:left;
	width:316px;
	margin:0 0 0 2em;
	font-size:80%;
	
	display:none;
	}

.subnav {
	margin:2em 0;
	font-family: 'News Cycle', sans-serif;
	font-weight: 700;
	font-size:120%;
	text-transform: uppercase;
	}

.subnav li.current a {
	margin-left:-72px;
	padding-left:78px;
	}

.subnav li a {
	display:inline-block;
	color:#fff;
	text-decoration: none;
	padding:0 6px;
	margin-bottom:.5em;
	}	

.subnav li a:hover {
	background:#e6b200;
	}

.subnav li.current > a {
	background:#1c8c9e;
	}

.subnav li ul {
	margin-left:8px;
	}	

/* enews */
#enewswrap {
	clear:both;
	width:100%;
	padding:1em 0;
	background: #111;
	background: rgba(17, 17, 17, 0.7);
	}

#enews {
	margin:0 auto;
	width:100%;
	max-width:600px;
	}

#enews label {
	color:#fff;
	font-size:80%;
	font-weight: normal;
	}
	
#enews input {
	width:70%;
	float:left;
	}
	
#enews .button {
	font-size:90%;
	float:left;
	margin-left:.3em !important;
	padding:.25em .75em .25em !important;
	}		


/* = footer
--------------------------------- */
#footerwrap {
	clear:both;
	background: rgba(17, 17, 17, 0.7);
	min-height:160px;
	/* margin-top:1em; */
	padding:3em 24px 3em;
	font-size:80%;
	}

#footer {
	margin:0 auto;
	max-width:980px;
	font-size:90%;
	color:#ccc;
	}

#footer .block {
	width:50%;
	float:left;
	/* background: #444; */
	/* padding:.5em; */
	}

#footer .block > * {
	margin:0 12px;
	padding:0;
	}

#footer .block h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#ccc;
	text-transform: uppercase;
	padding-bottom:.25em;
	border-bottom:1px solid #fff;
	margin-bottom:.25em;
	}	

#footer .block a {color:#dfdfdf;}
#footer .block a:hover {color:#fff;}

/* = social networking, sales links
---------------------------------------------------------- */
.social li a {
	display:block;
	padding:1em 0 .75em 28px;
	}

.social li.facebook {background: url(/wp-content/themes/flyby/assets/images/facebook.png) center left no-repeat scroll;}
.social li.twitter {background: url(/wp-content/themes/flyby/assets/images/twitter.png) center left no-repeat scroll;}
.social li.instagram {background: url(/wp-content/themes/flyby/assets/images/instagram.png) center left no-repeat scroll;}

/* = home page
--------------------------------- */
#marquee {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:600px;
	background: transparent;
	/* background: rgba(17, 17, 17, 0.2) url(/wp-content/themes/thinktank/assets/images/loader.gif) center center no-repeat; */
	background: rgba(17, 17, 17, 0.2);
	
	overflow:hidden;
	}

#marquee > a {
	display:block;
	width:100%;
	max-width:100%;
	height:100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}

#tagline {
	margin:0 auto;
	margin-top:560px;  /* sticky header */
	z-index:4444;	
	position:absolute;
	top:0;
	right:16%;
	}

#tagline ul li {
	float:left;
	}

#tagline ul li a {
	display:block;
	text-decoration: none;
	color:#fff;
	text-indent: -7777px;
	background: #fff;
	background: rgba(255, 255, 255, 0.4);
	border-radius:50%;
	width:24px;
	height:24px;
	padding:0;
	margin:.25em;
	}

#tagline ul li a.activeSlide {
	background: #fff;
	}

#home #container {
	z-index:3333;
	margin:0 auto;
	margin-top:360px;  /* sticky header */
	width:100%;
	}

#home #content {
	width:670px;
	padding:1em 0 0 0;
	margin-bottom:0;
	background: none;
	border:none;
	width:100%;
	}

#home #sidebar {display:none;}

.tourbutton {
	margin-top:3em;
	margin-bottom:-3em;
	font-size:140%;
	}


/* = home page "slices"
---------------------------------------------------- */
.slice {
	clear:both;
	width:100%;
	/* minheight: 460px; */ /* hack */
	}

.slice .copyblock {
	max-width:980px;
	margin:0 auto;
	padding:.5em 0;
	text-align: center;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size:120%;
	}

.slice .copyblock h2 {
	margin-bottom:.5em;
	}

#who {
	margin-top:140px;
	padding:2em 0;
	}

#who .nugget {
	padding:0 1em;
	margin:0 auto;
	text-align:left;
	max-width:720px;
	}
	
#who .nugget h2 {text-align:center;}	




/* = map, locations
---------------------------------------------------- */
#map {
	background: #ccc;
	width:100%;
	min-height: 400px; 
	}

#map img {max-width:none; /* needed to show map controls */}
	
.infowindow {
	width:200px;
	height:auto;
	text-align:center;
	}
	
#locations {
	float:left;
	width:100%;
	background: #efefef;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	}

#locations li {
	float:left;
	width:33%;
	}

#locations li a {
	display:block;
	padding:.25em 1em;
	text-align: center;
	font-size:200%;
	border:1px solid #dfdfdf;
	}

#locations li a:hover {
	text-decoration: none;
	background: #fafafa;
	}


/* = rate table
---------------------------------------------------- */
.rates * {line-height:normal;}
.rates th, .rates td {border-bottom:1px solid #ccc;}
	
.rates th {
	text-transform: none;
	text-align: center;
	font-size:120%;
	}

.rates .type {width:50%;}

.rates .type p {
	line-height: 1em;
	}

.rates .price {
	text-align: center;
	font-weight: bold;
	font-size:120%;
	}


/* = business listings table / detail page
---------------------------------------------------- */
#biz th {text-indent: -7777px;}
.usearched {font-style: italic;}
#bizlisting #sidebar {margin-top:0;}
#bizlisting #content h2 {font-weight: normal;}
#bizlisting .social li {float:left;}
#bizlisting .social li a {text-indent:-7777px;}

#bizlisting .keyimage {
	/* float:right; */
	width:48%;
	}

/* pagination */
.pagination {margin-bottom:2em;}

.step-links {
	margin:0 auto !important;
	width:270px;
	}

.step-links li {
	float:left;
	font-size:90%;
	}

.step-links .current {
	margin:0 1em !important;
	font-style: italic;
	}


/* = miscellaneous
---------------------------------------------------- */

#content .caption {
	font-size:80%;
	font-style: italic;
	color:#666;
	}

#sidebar .nugget {
	background: #fff; /* fallback */
	background: rgba(255, 255, 255, 0.9);
	border:2px solid #dfdfdf;
	border-radius: 16px;
	padding:1em;
	margin:1em 0 2em 0;
	}

.keyimage {
	max-width:100%;
	height:auto;
	margin:1em 0;
	}

iframe, #content img, #sidebar img {max-width:100%;}
#content img, #sidebar img {height:auto;}
iframe {width:100%;}

/* schedule calendars */
#calendars #content p iframe {
	border-width: 0 !important; 
	width: 32% !important;  
	float:	left !important;  
	margin-right: 1% !important; 
	}

#amenities li {
	padding:.25em 0;
/*
	border-bottom:1px solid #ccc;
	text-align: center;
	text-transform: uppercase;
*/
	}
	
	
/* for conference room schedule page */	
#calendars #content {
	width:100%;
	}

#calendars #sidebar {display:none;}
	

/* FAQs */
#q li {
	list-style-type: none !important;
	margin-bottom:.5em !important;
	}

#faq dt {padding-top:7em;}


/* special announcement */
#announce {
	position:absolute;
	top:0;
	left:36%;
	top:42px; /* pushdown when there's a special announcement */
	}

#announce p {
	margin:6px 0;
	padding:.25em 1em;
	/* background:#fff; */
	font-size:80%;
	color:#efefef;
	}

#announce p a {
	color:#fff;
	text-decoration: underline;
	}

#announce p a:hover {color:#f90;}


/* ----- =  media query ----- tablet ---------------------------------------------- */
/* -------------------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

#nav li a {font-size:64%;}
#logo, #utility-nav, #navwrap, #home #container, #footer {width:98%;}
#container {width:94%;}
#content {width:460px;}
#sidebar {width:210px;}
#announce, #slack {display:none;}

}


/* ----- =  media query ----- phone/landscape ------------------------------------- */
/* -------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
/* nothing needed at this time - placeholder */
}


/* ----- =  media query ----- phone/portrait -------------------------------------- */
/* -------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

#navwrap .social, #nav, #nav-footer {display:none;}
#container {margin-top:60px; /* sticky header */}
#tt-menu {display:block;}
#membernavwrap, #settingsnav, #settings #sidebar, #dashboard, #utility-nav {display:none;}
h1 {font-size:1.8em;}	
	
#logo a {
	margin:0 auto;
	position:fixed;
	top:-10px;
	left:50%;
	margin-left:-50px;
	}

#logo a img {
	height:60px;
	width:auto;
	position:relative;
	}	

#navwrap {height:60px;}	
#marquee {height:100%; /* browser test! */}
#tagline {display:none;}

#who {
/* 	margin-top:100px; */
	padding:1em 0;
	margin-top:320px;
	}

#who .copyblock {font-size:100%;}
#who .copyblock p {font-size:110%;}
#members .copyblock p {
	font-size:90%;
	padding-left:.5em;
	padding-right:.5em;
	}



#map {
	margin:0 auto;
	width:90%;
	}

#locations li a {
	border:none;
	font-size:120%;
	}	

#enews {width:92%;}
#enews {text-align: center;}
#enews input {
	width:100%;
	margin:.5em 0;
	}	

#footerwrap {padding:2em .5em;}
	
#footer .block {
	width:100%;
	margin-bottom:2em;
	}

#home #container {
	margin-top:100px;  /* sticky header */
	padding-top:200px;
	}

#home #content, #sidebar {
	width:100%;
	max-width:100%;
	}

#content {width:100%;}

#content, #sidebar {
	float:none;
	margin:0 auto !important;
	margin-bottom:1em !important;
	/* padding-bottom:0 !important; */
	padding:1em;
	}

#sidebar {
	font-size:100%;
	padding:0;
	}

#bubbles li {width:100%;}

.quote {
	width:96% !important;
	max-width:96% !important;
	bottom:116%;
	left:2%;
	}	

#home #sidebar {margin-top:0;}	
#locations li a {padding:.25em;}

/* schedule calendars */
#calendars #content p iframe {
	width: 100% !important;  
	max-width:100% !important;
	}

}