/* ======================================================

	LAYOUT.CSS
	
=========================================================*/
body {
	
}

.container {
	background: #fff;
	width: 100%;
	/*max-width: 1920px; */
}
.container * {
    position: relative;
    box-sizing: border-box;
}
header, 
.content {
	width: 95%;
	margin: 0 auto;	
}
.content {
	max-width: 1030px;
}
header { 
	/*max-width: 1440px;*/
	text-align: center;
	position: relative;
	padding: 20px 0 35px;
}  

/* ---- HEADER ELEMENTS ---- */
.logo {
	display: block;
    margin: 0 auto;
    width: 90px;
}
.logo img {
	width: 100%;
	height: auto;
	display: block;
	z-index: 2;  /* setting mobile menu to 1*/
}

header .logotext {
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;    
	-webkit-transform: translateY(0);
	  -ms-transform: translateY(0);
	      transform: translateY(0);
}
/*logo text fades out on scroll start*/
.flaggedScroll header .logotext {
	opacity: 0;
	height: 1px;
	-webkit-transform: translateY(-10%);
	  -ms-transform: translateY(-10%);
	      transform: translateY(-10%);
}

.flaggedScroll header {
	padding-top: 15px;
	padding-bottom: 0;
}

header ul {
	margin: 0;
}

header .menu {
	width: 100%;
  max-width: 1030px;
	margin: 0 auto;
	margin-top: 0;
	/*margin-top: -40px;*/
}


/* --- sticky header --- */
.sticky {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: fixed;
  top: 0;
  z-index: 10;
  background: #fff;
  width: 100%;
}
.no-csstransforms .sticky {
  left: auto;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.no-js .sticky {
	position: relative;
}
.no-js .sticky + .main {
    margin-top: 0;
    padding-top: 0;
}


/* ---- MAIN CONTENT AREA ---- */
.main {
	width: 100%; 
	margin: 0 auto;

}
section {
	background: #f2f2f0;
}
.sticky + .main {/* following sticky nav*/
    margin-top: 25px;
    padding-top: 60px;
}
.flaggedScroll header + .main {
	margin-top: 0;
}

/* PARALLAX HEADER BANNER LAYER */
.head-banner {
	width: 100%;
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center;
}

.head-banner .overlaid-content {
	position: absolute;
	top: 50%;
  	-webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.overlaid-content .inner{
	width: 90%;
	/*max-width: 295px;*/
	margin: 0 auto;
}
.home .overlaid-content .inner p {
	margin-bottom: 0;
}


/* HEADER BANNER BACKGROUND IMAGES */
.head-banner {
	min-height: 200px;
	width: 100%;
	background-color: #565043;
	/*need to maintain aspect ratio at all window sizes */
	
}

.banner{
	background: url("/uploads/images/new2020/A86A2585_cafe_header.jpg") no-repeat center;
	background-size: cover;
	min-height: 500px;
	position: relative;
}

.banner p{
	color: #FFFFFF;
}
.banner .banner-content{
	/*background-color: rgba(0,0,0,0.5);*/
	width: 100%;
}
.shadow{
	text-shadow: 0 2px rgba(0,0,0,0.7);

}

.banner .banner-content .inner{
	width:100%;
	padding: 230px 0;
}

.home .bg_img,
.building .bg_img {
	background-image: url(../img/banner-bg-sml_building_dk.jpg);
	background-size: cover;
	min-height: 300px;
	padding-bottom: 36%;
}
/*.home .head-banner + section {
	margin-top: 300px;  //match .home .bg_img 
}*/
.accommodation .bg_img {
	background-image: url(../img/banner-bg-sml_accommodation.jpg);
	background-size: cover;
}
.location .bg_img {
	background-image: url(../img/banner-bg-sml_location.jpg);
	background-size: cover;
}
.connections .bg_img {
	background-image: url(../img/banner-bg-sml_connections.jpg);
	background-size: cover;
}
.amenities .bg_img {
	background-image: url(../img/banner-bg-sml_amenities.jpg);
	background-size: cover;
}
.contact .bg_img {
	background-image: url(../img/banner-bg-sml_connections.jpg);
	background-size: cover;
}
.downloads .bg_img {
	background-image: url(../img/banner-bg-sml_downloads.jpg);
	background-size: cover;
}


/* BACKGROUNDS */
.bg_gold {
	background-color: #f5cd2f;
}
.bg_grey {
	background-color: #f2f2f0;
}
.bg_dark {
	background-color: #565043;
}
.bg_white {
	background-color: #fff;
}
.bg_gold .content {
	color: #565043;
}
.bg_img .content,
.bg_img .overlaid-content,
.bg_dark .content {
	color: #fff;
}





/* CONTENT PADDING, alignment */

section .content {
	padding: 3em 0 1em;
}
.centrered_inner {
	text-align: center;
	margin: 0 auto;
}

/* FOOTER */


footer {
	background: #fff;
	padding: 1em 0;
}
.copyright {
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.2;
}
footer li {
	display: inline-block;
    width: 30%;
    height: 90px;
    margin-bottom: 0;
    margin-right: 2%;
}

footer li a {
	display: block;
	position: relative;
	text-indent: -100%;
    font-size: 1px;
    overflow: hidden;

	width: 90px;
	height: 90px;
}
footer li a:before {
	content: '';
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
}


a.colliers:before {
	background: url('../img/footer-logo_colliers.jpg') no-repeat 0 0;
	background-size: 100% auto;
}
a.cw:before {
	background: url('../img/footer-logo_cushman-wakefield.jpg') no-repeat 0 0;
	background-size: 100% auto;
}
a.aviva:before {
	background: url('../img/footer-logo_aviva.jpg') no-repeat 0 0;
	background-size: 100% auto;
}

.top-link {  /* currently hidden */
	display: none;
	background: #aaa99f;
	height: 50px;
	width: 50px;
	position: absolute;
    top: -70px;
    right: 0;
    text-indent: -100%;
    overflow: hidden;
    font-size: 1px;
}
.top-link:after {
	content: '';
	background: url(../img/arrow_up.png) no-repeat center;
	height: 50px;
	width: 50px;
	position: absolute;
	top:0;
	left: 0;

}

/* TWO COL */

.cols-2 {
	
}
.cols-2 .column-1 {
	width: 95%;
}

/*circular image*/
.image-container {
	/*width: 70%;
	margin: auto;
	margin-bottom: 2em;
    border-radius: 50%;
    overflow: hidden;*/
}
.image-container.fullwidth {
	/*width: 100%;*/
}


/* ---- PAGE SPECIFICS ---- */

/*
.flexslider .overlay-content {
	position: absolute;
	margin 0 auto;
	width: 100%;
	text-align: center;
	left: 0;
	top: 50%;
  	-webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
    
}
.flexslider .overlay-content p {
	background: rgba(225, 225, 225, .7);
	text-transform: uppercase;
    font-size: 1.6em;
    padding: 1em;
    width: 80%;
    text-align: center;
    margin:  0 auto;
}*/



/* ACCOMMODATION */

.table-container {
	width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
/* table styles */

table {
	width: 100%;
	border-collapse: separate;/*override core base style - fixes safari mac's disappearing borders*/
}
th,
td {
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: 600;
    padding: .7em 0;
    text-align: right;
    vertical-align: top;
    /*border-bottom: 2px solid #565043;*/
    border-bottom: 2px solid #fff;
	width: 25%;
}
th{
	font-weight: 700;
}

tr th:nth-child(1),
tr td:nth-child(1){
    text-align: left;
}
.total td {
	padding-top: 1em;
	/*border-color: #fff;*/
	border-color: #f5cd2f;
	/*color: #fff;*/
	/*colour contrast fails webaim test */
	/*font-size: 2.2em;*/
	/*text-shadow: -1px -1px 3px rgba(86, 80, 67, 1);*/
}
.parking td {	
	padding-top: 1em;
}
.table-container .footnote {
	font-size: 1.2em;
	margin-top: 1em;
	font-weight: 700;
}

.img-container.floorplans {
	width: 100%;
	max-width: 645px;
	margin: 1em auto 2em;
	padding-top: 20px;
}

.img-container.floorplans img {
	display: block;
	z-index: 1;
}
.floorplans .overlaid-heading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.floorplans h3 {
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: 400;
	font-size: 1.4em;
	text-align: center;
	padding-bottom: 10px;
}
.floorplans h3:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 2px;
	background: #f5cd2f;
	bottom:  0;
	left:  50%;
  	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.floorplans p {
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: .2em;
	text-align: center;
}
.keys {
	position: absolute;
	bottom: 0;
}

.keys img {
	width: auto;
}


/* AMENITIES */

/*.panel-bg1,
.panel-bg2,
.panel-bg3 {
	height: auto;
}
.add-contrast h2 {
	margin-top: 0;
}*/


.content-wide {
	max-width: none;
}
.img-bg-amenities { /* bg img for desktop */
	width: 100%;
	padding-bottom: 20px;
	display: block;
}


/* amenities map legends */
.legends {
    float: left;
    width: 50%;
}
.legends h3 {
 padding-left: 1.2em;
}
.legends h3:before {
	content: '';
	position: absolute;
	left: 0;
	top: .2em;
	width: .7em;
	height: .7em;

}
.legends .bars:before {
	background: #a84d98;
}
.legends .cafes:before {
	background: #e67900;
}
.legends .shops:before {
	background: #00a1de;
}
.legends .recreation:before {
	background: #4daf47;
}


/* BUILDING: ACCOMMODATION */
.panel-bg4  {
	background: #565043 url(../img/panel_accommodation4_sml.jpg) no-repeat center;
	background-size: cover;
}

/* LOCATION */

#map {
	width: 100%;
	height: 350px;
	float: right;
	margin-bottom: 2em;
}
.js #map .fall-back-map {
	display: none;
}

.img-container img {
	display: block;
	margin: 0 auto;
}

/* CONTACT */
/* for contacts page */
.contact-box {
	padding-top: 1em;
	margin-bottom: 20px;
}
.contact-box h3 {
	font-weight: 700;
	padding-top: 1em;
}

.cols-2 .contact-box img {
	max-width: 170px;
}
.contact-box p {
	font-size: 1.8em;
}

.contact-box p span,
.contact-box a  {
	display: block;
	/*color: #c6b998;*/
	font-size: 1em;
	font-weight: 400;
}

.contact-box a:hover,
.contact-box a:focus {
	text-decoration: underline;
}

.download-list li {
	font-size: 1.8em;
}
.download-list li:before {
	content: '';
	width: 50px;
	height: 57px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/icon_download.png) no-repeat left center;
}
.download-list a {
	padding-left: 50px;
	padding-top: 5px;
	display: block;
}
.download-list a strong {
	display: block;
}

.credits a {
	font-weight: 700;
}


/* ---  GALLERY GRID LIGHTBOX --- */


/* image grid */

.popup-gallery {
	background: #000;
}
.popup-gallery a {
	cursor: default;
}
.grid {
	width: 100%;
	float: left;
	background: url(../img/map_amenities.jpg) no-repeat center;
    background-size: contain;
    /*padding-bottom: 64%;*/
    overflow: hidden;
}
.grid img {
	display: block;
}

.bx-wrapper{
	margin-bottom: 0 !important;
}

/* >= 768 (tablet portrait and up - uses desktop design) */
@media only screen and (min-width: 768px) {  
	.popup-gallery a {
		cursor: pointer;
	}
   section.imagegrid .content {
	    padding: 3% 0 0;
	}
	.imagegrid {
		padding-bottom: 3%;
	}
   .grid {
		width: 50%;
		/*padding-bottom: 32.4%;*/
   }

}

/* >= 960 */
@media only screen and (min-width: 960px) {

   .grid {

		width: 25%;
		/*padding-bottom: 15.7%;*/
   }

}