/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html, body {
	background-color: white;
	color: #222222;
	font-family: century-gothic, sans-serif;
	font-size: 14px;
	text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

.pre-h1 {
	display: block;
	font-family: 'evelethclean_regular';
	line-height: 1;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 325%;
	line-height: 1;
	letter-spacing: 1px;
	font-family: "evelethclean_regular";
	color: #65C7C7;
}

h2 {
	font-size: 200%;
	line-height: 1;
	letter-spacing: 1px;
	font-family: "evelethclean_regular";
	color: #65C7C7;
}

h3 {
	font-size: 115%;
	line-height: 1;
	letter-spacing: 1px;
	font-family: "evelethclean_regular";
	color: black;
}

h6 {
	font-family: "evelethclean_regular";
	line-height: 1;
	font-size: 80%;
}

hr {
	margin-top: 20px;
	margin-bottom: 40px;
}

.hr-after-h {
	margin-top: -20px;
	margin-bottom: 20px;
	border: 0;
	border-bottom: #E5E5E5 1px solid;
}

.thick	{	font-family: 'evelethclean_regular';  }
.thin	{	font-family: 'evelethclean_thin';  }

.bold  {  font-weight: bold;  }

.black	{	color: black;	}
.white 	{	color: white;	}
.grey	{	color: #999999;	}
.red	{	color: #EE3124;	}
.blue	{	color: #65C7C7;	}
.dark-blue	{	color: #244B5A;	}
.purple	{	color: #923A7F;	}
.magenta	{	color: #C83492;	}
.green	{	color: #4CA685;	}
.dark-green	{	color: #235b4e;	}
.gold, .yellow	{	color: #F6B11D;	}
.brown	{	color: #74531B;	}


a {
	color: #C83493;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #F6B11D;
}

.anchor {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}

.anchor-find-your-place {
	display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}

.large-p {
	font-size: 125%;
	letter-spacing: 0.25px;
}

.small-p {
	font-size: 75%;
}

.no-hero-image-first-section {
	margin-top: 210px;
}

.only-section {
	margin-bottom: 160px;
}

ul.scene-style {
	list-style: none;
	margin-left: 25px;
}

ul.scene-style li {
	margin-bottom: 5px;
}

ul.scene-style li::before {
  font-family: 'evelethclean_regular';
  content: "\2014";
  color: #65c7c7;
  display: inline-block; 
  width: 25px;
  margin-left: -25px;
}

li.scene-style-lvl2 {
	margin-left: 25px;
}

ul.scene-style li.scene-style-lvl2::before {
	font-family: 'evelethclean_regular';
	content: "\2022";
	color: #F6B11C;
	display: inline-block; 
	width: 25px;
	margin-left: -25px;
}

.main-hero-overlay-disclaimer {
	position: absolute;
	top: 160px;
	right: 0;
	background: rgba(255, 255, 255, .95);
	padding: 3px 10px 5px;
	border-radius: 10px;
}

.hero-overlay-disclaimer {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .95);
	padding: 0 5px 5px;
	border-bottom-right-radius: 10px;
}

.overlay-disclaimer {
	padding-top: 5px;
	font-family: "evelethclean_regular";
	font-size: 60%;
	letter-spacing: 0.5px;
	color: red;
}

@media only screen and (max-width: 899px) {
	h1  {  font-size: 275%;  }
	h2  {  font-size: 160%;  }
	.large-p  {  font-size: 110%;  }
}

p {
	margin-bottom: 20px;
}



/* ----------------------------------------------- */
/* HEADER / MENU */
/* ----------------------------------------------- */

header {
	position: fixed;
	top: 0;
	background-color: white;
	z-index: 100;
	border-bottom: #F6B11D 2px solid;
	height: 140px;
}

#iplogo{
	position: absolute;
	float: left;
	display: block;
	height: 60px;
	width: auto;
	margin: 40px 0;
}

#tenres-button-1 {
	font-size: 90%;
	font-family: "evelethclean_regular";
	color: white;
	background-color: #C83493;
	border: #C83493 1px solid;
	padding-top: 0px;
	/* margin-top: 14px; */
	margin-left: 20px;
}

#tenres-button-1:hover {
	background-color: #F6B11D;
	border: #F6B11D 1px solid;
}

#tenres-button-2 {
	display: none;
}

@media only screen and (max-width: 899px) {
	#tenres-button-1  {  display: none;  }
	#tenres-button-2  {  display: block;  }
}

#the-header {  transition: height 1s ease-out;  }
#iplogo {  transition: 1s ease-out;  }
#nav-container {  transition: padding 1s ease-out;  }
#nav-toggle {  transition: top 1s ease-out;  }


#is-integration {
	background-color: #FFC60A;
	padding-top: 140px;
	margin-bottom: -140px;
}

.is-integration-div {
	padding: 40px 0;
	text-align: center;
}

@media only screen and (max-width: 899px) {
	.is-integration-div {
		padding: 40px;
	}
}

.is-integration-div p {
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.is-integration-div a:hover {
	color: #1E4A3D;
}

#is-close-banner {
	font-family: "evelethclean_regular";
	font-size: 125%;
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 5px 10px;
	border-radius: 4px;
}

#is-close-banner:hover {
	color: white;
	background-color: black;
	cursor: pointer;
}

#is-integration { transition: margin-top 3s ease-in-out;  }

.is-button {
	font-family: "evelethclean_regular";
	display: inline-block;
	height: 30px;
	padding: 10px;
	color: white;
	text-align: center;
	font-size: 60%;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: #933B7F;
	border-radius: 4px;
	border: 1px solid #933B7F;
	cursor: pointer;
	margin-bottom: 0px;
}

.is-button:hover,
.is-button:focus {
	background-color: #1E4A3D;
	color: white;
}




/* ----------------------------------------------- */
/* HOME –HERO */
/* ----------------------------------------------- */

.hero-main {
    background-image: url("../images/photos/Galleria-outside.jpg");
    height: 85vh;
	width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-main-box {
	position: relative;
	border-radius: 10px;
	border: 0.25px solid #E5E5E5;
	margin-top: 300px;
	margin-bottom: 80px;
	background:  rgba(255, 255, 255, .95);
	padding: 40px 60px 40px 40px;
    text-align: left;
    float: right;
	min-width: 250px;
	max-width: 500px;
}

.hero-main-box h1 {
	font-family: "evelethclean_regular";
	color: black;
	font-size: 225%;
	line-height: 1;
	letter-spacing: 1px;
}

.hero-main-box p {
	
}

#hero-button {
	font-size: 80%;
	font-family: "evelethclean_regular";
	color: white;
	background-color: #65C7C7;
	opacity: 100%;
	border: #65C7C7 2px solid;
}

#hero-button:hover {
	background-color: #F6B11D;
	border: #F6B11D 2px solid;
}




/* ----------------------------------------------- */
/* SUB – HERO */
/* ----------------------------------------------- */


.our-community-feature h5 {
	font-family: "evelethclean_regular";
	font-size: 115%;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	color: #65C7C7;
}

.our-community-feature p {
	font-size: 150%;
}

.hero-sub-container {
	position: relative;
	height: 600px;
	margin-top: 180px;
}

.hero-sub-img {
	position: absolute;
	width: 100%;
	max-width: 760px;
    height: 600px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-sub-box {
	position: relative;
	float: right;
	margin-top: 360px;
	border-radius: 10px;
	background:  white;
	padding: 40px 60px 40px 40px;
    text-align: left;
	min-width: 250px;
	max-width: 500px;
	border: 2px solid #F6B11D;
}

.hero-sub-badge {
	position: relative;
	float: right;
	margin-top: 360px;
	margin-right: 10%;
	margin-bottom: 80px;
}

.hero-sub-badge img {
	width: 360px;
	max-width: 100%;
	height: auto;
}

.hero-sub-box h1 {
	font-family: "evelethclean_regular";
	font-size: 225%;
	line-height: 1;
	letter-spacing: 1px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}


.sub-hero-button,
.sub-hero-button-srs {
	font-size: 70%;
	font-family: "evelethclean_regular";
	color: white;
	background-color: #933B7F;
	opacity: 100%;
	border: #933B7F 2px solid;
	margin-right: 20px;
}

.sub-hero-button-srs  {
	background-color: #C83493;
	border: #C83493 2px solid;
	margin-right: 0;
}

.sub-hero-button:hover {
	background-color: #F6B11D;
	border: #F6B11D 2px solid;
}

.sub-hero-button-srs:hover {
	background-color: #F6B11D;
	border: #F6B11D 2px solid;
}

.sup-hero-big  {  display: block;  }
.sup-hero-small  {  display: none;  }

@media only screen and (max-width: 960px) {
		.hero-sub-box {
			margin-right: 5%;
			margin-left: 5%;
		}
	
	.sup-hero-big  {  display: none;  }
	.sup-hero-small  {  display: block;  }
}

@media only screen and (max-width: 768px) {
	
	.our-community-feature {
		text-align: center;
	}
	
	.hero-sub-box {
		max-width: 100%;
		display: inline-block;
		padding-left: 10%;
		padding-right: 10%;
		padding: 30px 45px 30px 30px;
	}
	
	.hero-sub-badge {
		display: inline-block;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.hero-sub-box h1 {
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		hyphens: manual;
	}
}



/* ----------------------------------------------- */
/* HOME –– FACTS SECTION */
/* ----------------------------------------------- */

.facts-section {
	margin-top: 80px;
	margin-bottom: 80px;
}

.flexbox-facts {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.flexbox-fact-box {
	flex: 1 1 20%;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.4;
}

.fact-highlight {
	font-size: 300%;
	font-family: "evelethclean_thin";
	color: #C83493;
}

.fact-highlight::after {
	content: "\A";
	white-space: pre;
}


/* ----------------------------------------------- */
/* HOME –– MARKETING SECTION */
/* ----------------------------------------------- */

.marketing-section {
	margin-top: 80px;
	margin-bottom: 80px;
}

.marketing-img {
	width: 100%;
	height: auto;
}

.img-float-right {
	float: right;
	margin-left: 60px;
}

.img-float-left {
	float: left;
	margin-right: 60px;
}

.marketing-section-piece-right,
.marketing-section-piece-left {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 120px;
}

.marketing-section-piece-right img,
.marketing-section-piece-left img {
	min-width: 400px;
}

.marketing-section-piece-text,
.marketing-section-piece-image-left,
.marketing-section-piece-image-right {
	flex: 1 1 auto;
}

.marketing-section-piece-image-left  {  padding-right: 40px;  }
.marketing-section-piece-image-right  {  padding-left: 40px;  }

.marketing-section-piece-right:last-of-type {
	margin-bottom: 0;
}

@media only screen and (max-width: 899px) {
	.marketing-section-piece-right  {  flex-direction: row-reverse; flex-wrap: wrap-reverse;  }
	.marketing-section-piece-left  {  flex-direction: row; flex-wrap: wrap;  }
	
	.marketing-section-piece-text  {  flex: 1 0 100%;  }
	
	.marketing-section-piece-image-left,
	.marketing-section-piece-image-right {
		flex: 1 0 100%;
		padding: 0;
		padding-bottom: 40px;
	}
	
	.marketing-section-piece-right img,
	.marketing-section-piece-left img {
		min-width: 100%;
	}
	
}




/* ----------------------------------------------- */
/* HOME –– TENANT GRID */
/* SUB –– PARTNERSHIPS GRID */
/* ----------------------------------------------- */

.tenant-grid-section,
.partnerships-grid-section
{
	margin-top: 160px;
	margin-bottom: 80px;
	text-align: center;
}

.partnerships-grid-section {
	margin-bottom: 160px;
}

.h1-subheader {
	margin-top: -10px;
	letter-spacing: 0.25px;
}

.flexbox-tenant-grid,
.flexbox-partnerships-grid {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.flexbox-memberships-grid {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.flexbox-tenant-grid-box,
.flexbox-partnerships-grid-box {
	flex: 0 0 150px;
	height: 75px;
	width: 150px;
	margin: 0 30px 30px;
	padding: 40px 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexbox-memberships-grid-box {
	flex: 0 0 180px;
	height: 90px;
	width: 180px;
	margin: 0 30px 30px 10px;
	padding: 40px 40px 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexbox-tenant-grid-box img,
.flexbox-partnerships-grid-box img {
	height: auto;
	max-height: 75px;
	max-width: 150px;
}

.flexbox-memberships-grid-box img {
	height: auto;
	max-height: 90px;
	max-width: 180px;
}

.partnerships-grid-section a.button {
	margin-left: 10px;
	margin-right: 10px;
}



/* ----------------------------------------------- */
/* HOME –– TESTIMONIALS */
/* ----------------------------------------------- */

.testimonials-section {
	margin-top: 80px;
	margin-bottom: 160px;
}

.testimonial-container {
	position: relative;
	width: 100%;
	height: 550px;
	vertical-align: middle;
	text-align: center;
}

.testimonial-photo {
	position: absolute;
	height: 550px;
	width: 100%;
	max-width: 550px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	background: url("../images/photos/testimonials/Siemens-EDA-Dyck.png");
	background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-text-box {
	position: relative;
	float: right;
	z-index: 3;
	padding: 40px;
	width: 55%;
	max-width: 600px;
	background-color: white;
	border-radius: 40px;
	border: 3px solid #65C7C7;
	margin-top: 200px;
	margin-bottom: 40px;
	text-align: left;
	box-shadow: 4px 4px 4px #163C48;
}

.testimonial-text-box::before {
	position: absolute;
	content: url("../images/design-elements/quotes.png");
	font-family: "evelethclean_regular";
	color: #F6B11D;
	top: -15px;
	margin: 0 20px 0 0;
	height: 10px;
	width: auto;
}

@supports (-webkit-text-stroke: 1px white) {
	.testimonial-text-box::before {
    -webkit-text-stroke: 1px white;
    -webkit-text-fill-color: #F6B11D;
  }
}

.quote {
	font-weight: 300;
	font-size: 150%;
	line-height: 1.8;
	letter-spacing: .5px;
	margin: 0;
}

.who {
	border-left: #FFC60A 4px solid;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-bottom: 0;
}

@media only screen and (max-width: 739px) {
	
	.testimonial-text-box {
		margin-top: 300px;
		float: left;
		width: 80%;
		margin-left: 10%;
	}
}




/* ----------------------------------------------- */
/* HOME — OUR COMMUNITY  */
/* ----------------------------------------------- */

.our-community-section {
	margin-top: 80px;
	margin-bottom: 160px;
}

#access-community {
	float: right;
	margin-left: 40px;
}

@media only screen and (max-width: 539px) {
	#access-community {
		float: none;
		display: block;
		margin-left: 0;
	}
}

.flexbox-community-snapshot {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flexbox-community-snapshot img {
	width: 100%;
}

.flexbox-community-snapshot h1 {
	margin-top: 20px;
	font-family: century-gothic, sans-serif;
	color: #C83493;
	font-size: 180%;
	font-weight: 700;
	letter-spacing: 0.25px;
}

.flexbox-community-snapshot-event hr {
	margin: 10px 0 20px;
}

.flexbox-community-snapshot p {
	margin-bottom: 0;
}

.flexbox-community-snapshot-feature {
	flex: 1;
	margin-right: 60px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.flexbox-community-snapshot-events {
	flex: 0 0 39%;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.flexbox-community-snapshot-feature-header,
.flexbox-community-snapshot-event-header
{
	flex: 0;
}

.flexbox-community-snapshot-feature-details,
.flexbox-community-snapshot-feature-img {
	flex: 0 1 auto;
	width: 100%;
}

.flexbox-community-snapshot-event-listings {
	flex: 1;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.flexbox-community-snapshot-event,
.flexbox-community-snapshot-event-empty {
	flex: 1 0 47.5%;
	border: black 1px solid;
	border-radius: 10px;
	padding: 20px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	overflow: hidden;
}

.flexbox-community-snapshot-event-empty {
	flex: 0 1 25%;
	border: #F7F7F6 1px solid;
	background-color: #F7F7F6;
}

.flexbox-community-snapshot-event:last-of-type {
	margin-right: 0;
}

.event-details {
	flex: 1;
}

.ip-event-partner,
.ip-event-sponsor,
.tenant-community-event,
.ip-event-partner-top,
.ip-event-sponsor-top,
.tenant-community-event-top {
	padding: 8px;
	font-size: 50%;
	letter-spacing: 1px;
	border-radius: 4px;
	font-family: "evelethclean_regular";
	display: block;
	width: auto;
	margin-top: 20px;
	text-align: center;
}

.ip-event-partner,
.ip-event-partner-top {
	color: black;
	background-color: #65C7C7;
}

.ip-event-sponsor,
.ip-event-sponsor-top {
	color: black;
	background-color: #F6B11C;
}

.tenant-community-event,
.tenant-community-event-top {
	color: white;
	background-color: #4CA685;
}

.ip-event-partner-top,
.ip-event-sponsor-top,
.tenant-community-event-top {
	margin-bottom: 20px;
	margin-top: 0;
	text-align: left;
}

.community-event-header-bar {
	padding: 10px 20px;
	margin: -20px -20px 20px;
	background-color: #65C7C7;
	color: white;
	font-family: "evelethclean_regular";
	font-size: 60%;
	letter-spacing: 1px;
}

.innovationplace-event-header-bar {
	padding: 10px 20px;
	margin: -20px -20px 20px;
	background-color: #F6B11C;
	color: black;
	font-family: "evelethclean_regular";
	font-size: 60%;
	letter-spacing: 1px;
}

.event-atc {
	float: right;
}

.event-atc img {
	width: 25px;
	height: 25px;
}

.event-banner {
	flex: 0 0 200px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
}

.event-bg {
	flex: 1 0 0%;
	margin: 20px -20px -20px;
	background-image: url("../images/design-elements/gold-triangle.png");
	background-repeat: repeat;
	width: auto;
}

.event-month {
	font-family: "evelethclean_regular";
	color: black;
	margin-bottom: 0;
}

.event-date {
	font-family: "evelethclean_thin";
	font-size: 450%;
	color: #C83493;
	margin-top: -15px;
	margin-bottom: 0;
}

.event-title {
	font-size: 140%;
	margin-bottom: 15px;
}

.event-desc {
	margin-top: 15px;
	font-size: 80%;
	margin-bottom: 15px;
}

.event-button {
	margin-top: 40px;
}

.event-details ul {
	margin-top: 15px;
	list-style-type: none;
	margin-bottom: 0;
}

.event-details ul li {
	display: inline-block;
	font-family: "evelethclean_regular";
	font-size: 55%;
	letter-spacing: 0.5px;
	margin: 0;
	padding: 0;
}

.event-details ul li:last-of-type::after {
	content: "";
}

.event-details ul li::after {
	content: "\2003\007C\2003";
}

@media only screen and (max-width: 899px) {
	.flexbox-community-snapshot-feature,
	.flexbox-community-snapshot-events
	{
		flex: 1 0 100%;
		justify-content: space-between;
		margin: 0;
	}
	
	.flexbox-community-snapshot-events {
		margin-top: 45px;
	}
	
	.flexbox-community-snapshot-event:first-of-type {
		margin-top: 0;
	}
	
	.flexbox-community-snapshot-event-listings {
		flex-wrap: wrap;
	}
	
	.flexbox-community-snapshot-event-empty {
		display: none;
	}
	
	.another-feature-padding-top {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 599px) {
	.flexbox-community-snapshot-event {
		flex: 1 0 100%;
		margin-top: 20px;
	}
}

.subscribe-scene  {
	margin-top: 60px;
	text-align: center;
}

.subscribe-scene hr {
	margin-top: 0;
	margin-bottom: 30px;
	border-top: 0;
	border-bottom: dashed 1px #F6B11D;
}


.subscribe-scene p {
	font-size: 200%;
	color: #933B7F;
}




/* ----------------------------------------------- */
/* FEATURES ARCHIVE */
/* ----------------------------------------------- */

.flexbox-features-archive {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: -60px;
}

.feature-month-list {
	flex: 1 0 40%;
	margin-left: 60px;
	padding-bottom: 20px;
}

.featarch-flexbox {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin-left: -40px;
}

.featarch-box {
	display: none;
	flex: 1 1 25%;
	max-width: 30%;
	margin-left: 40px;
	margin-bottom: 40px;
}

.featarch-box-month {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-family: "evelethclean_regular";
	font-size: 125%;
	color: white;
	background-color: black;
	padding: 40px 0;
	border-bottom-right-radius: 40px;
}

.featarch-box-feature {
	height: 100%;
	border-bottom: 1px solid #E5E5E5;
}

.featarch-box-month p {
	margin: 0;
	padding: 0;
}

.featarch-box-feature img {
	width: 100%;
	margin-bottom: 20px;
}

.feature-date {
	font-weight: bold;
	color: #939598;
	font-size: 60%;
}


.feature-arch-tag-header {
	font-family: 'evelethclean_regular';
	font-size: 60%;
	margin-bottom: 6px;
}

.feature-arch-tag {
	background-color: #933b7f;
	color: white;
	font-family: 'evelethclean_regular';
	font-size: 50%;
	letter-spacing: 1px;
	padding: 6px 12px;
	margin-right: 12px;
	margin-top: 6px;
	border-radius: 10px;
	display: inline-block;
	z-index: 10;
}

@media only screen and (max-width: 899px) {
	.featarch-box {
		flex: 1 1 40%;
		max-width: 50%;
	}
}

@media only screen and (max-width: 699px) {
	
	.featarch-flexbox {
		margin-left: 0;
	}
	
	.featarch-box {
		flex: 1 0 100%;
		max-width: 100%;
		margin-left: 0;
	}
}




/* ----------------------------------------------- */
/* CONTACT FORM */
/* ----------------------------------------------- */

.contact-form {
	margin-top: 160px;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #933B7F;
	text-align: center;
	color: black;
}

.contact-form label {
	color: white;
	font-family: "evelethclean_regular";
	font-size: 80%;
	letter-spacing: 0.5px;
	text-align: left;
	margin-top: 10px;
}

.contact-form form {
	display: inline-block;
	width: 100%;
	max-width: 550px;
}

#contact-form-submit {
	color: black;
	background-color: #F6B11D;
	border-color: #F6B11D;
	margin-top: 40px;
}

#contact-form-submit:hover {
	background-color: #65C7C7;
	border-color: #65C7C7;
	margin-top: 40px;
}

#contactFormResults,
#contactFormResults a {
	color: white;
	font-family: "evelethclean_regular";
}


/* ----------------------------------------------- */
/* SUB — NOTICES */
/* ----------------------------------------------- */

.notices-section {
	margin-top: 80px;
	margin-bottom: 80px;
}

.flexbox-notices {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flexbox-notice {
	flex: 1 0 33.3%;
	max-width: 50%;
	padding-right: 40px;
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.flexbox-notice img {
	max-height: 80px;
	width: auto;
	margin-bottom: 30px;
}

.flexbox-notice p {
	margin-bottom: 15px;
}

.flexbox-notice p:last-of-type {
	margin-bottom: 0;
}

.flexbox-notice a.button {
	margin-top: 25px;
}

.notice-location {
	margin-top: -20px;
	font-size: 80%;
	font-style: italic;
	margin-bottom: 10px;
}


@media only screen and (max-width: 899px) {
	.flexbox-notice {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 700px) {
	.flexbox-notice {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 40px;
		padding-right: 0;
	}
}

#more {display: none;}

.fs-section {
		margin: 80px 0;
		padding: 60px 0;
		background-color: #FFC60A;
		background: url("../images/design-elements/fs-bg.png") #FFC60A;
		background-repeat: repeat;
		background-attachment: fixed;
	}
	
	.fs-section a.button:hover { background-color: #1E4A3D; }
	.fs-section p a:hover { color: #1E4A3D; }
	.fs-section h5 a:hover { color: #1E4A3D; }
	
	.fs-img-holder {
		border-radius: 50%;
		background-color: white;
		padding: 12px 0 0 7.5px;
		height: 80px;
		width: 80px;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.fs-img-holder img {
		height: 75%;
	}



/* ----------------------------------------------- */
/* SUB — TENANT LINKS */
/* ----------------------------------------------- */

.tenant-links-section {
	margin-top: 80px;
	margin-bottom: 80px;
}

.flexbox-tenant-links {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-left: -20px;
}

.flexbox-tenant-links a {
	font-size: 90%;
	flex: 1 0 120px;
	background-color: #C83493;
	padding: 20px 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-radius: 8px;
	color: white;
	font-family: "evelethclean_regular";
	letter-spacing: 0.5px;
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexbox-tenant-links a:hover {
	background-color: #F6B11D;
}

#covid-button  {  background-color: #EE3124;  }
#covid-button:hover  {  background-color: #F6B11D;  }

.quick-links-section {
	background-color: #F7F7F6;
	padding: 80px 0;
	margin: 0;
	margin-top: -80px;
}

.flexbox-quick-links {
	display: flex;
	align-content: stretch;
	justify-content: flex-start;
	margin-left: -15px;
	flex-direction: row;
	flex-wrap: wrap;
}

.quick-link {
	flex: 0 0 250px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 20px;
	border-radius: 20px;
	color: white;
}

.quick-link img {
	float: right;
	height: 40px;
	width: auto;
}


.quick-link a:first-of-type {
	margin-right: 10px;
}

#ql-covid19 {
	background: #EE3124 url("../images/icons/quicklinks/covid19.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-rtw {
	background: #933B7F url("../images/icons/quicklinks/rtw.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-covid19 a, #ql-rtw a { background-color: #F6B11C; border-color: #F6B11C; color: black; }
#ql-covid19 a:hover, #ql-rtw a:hover { background-color: #65C7C7; border-color: #65C7C7; color: white; }

#ql-srs {
	background: #163C48 url("../images/icons/quicklinks/srs.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-parking {
	background: #163C48 url("../images/icons/quicklinks/parking.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-mrr {
	background: #163C48 url("../images/icons/quicklinks/mrr.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-fitness {
	background: #163C48 url("../images/icons/quicklinks/fitness.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-recycling {
	background: #163C48 url("../images/icons/quicklinks/recycling.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-cws {
	background: #163C48 url("../images/icons/quicklinks/cws.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-contact {
	background: #163C48 url("../images/icons/quicklinks/contact.png") no-repeat bottom right;
	background-size: 60px 60px;
}

#ql-usedat {
	background: #163C48 url("../images/icons/quicklinks/usedat.png") no-repeat bottom right;
	background-size: 60px 60px;
}

@media only screen and (max-width: 599px) {
	.quick-link {
		flex: 1 0 50%;
		max-width: calc(50% - 15px);
	}
}



/* ----------------------------------------------- */
/* SUB — TENANT RESOURCES */
/* ----------------------------------------------- */

.tenant-resources-section {
	margin-top: 60px;
	margin-bottom: 160px;
}

.tenant-resources-section img {
	width: 100%;
	margin-bottom: 20px;
}

.flexbox-tenant-resources-links {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: -10px;
}

.flexbox-tenant-resources-links a {
	font-size: 70%;
	flex: 1 1 auto;
	background-color: #C83493;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	color: white;
	font-family: "evelethclean_regular";
	letter-spacing: 0.5px;
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexbox-tenant-resources-links a:hover {
	background-color: #F6B11D;
}

@media only screen and (max-width: 899px) {
	.break-early .columns {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.break-early .columns:nth-child(2)
	{
		margin-top: 40px;
	}
}




/* ----------------------------------------------- */
/* SUB — TENANT SEARCH */
/* ----------------------------------------------- */

.tenant-search-section {
	margin-top: 70px;
	margin-bottom: 80px;
}

.tenant-search-icon {
	min-width: 160px;
	max-width: 25%;
	margin-left: 40px;
}

.tenant-search-display {
	margin-top: 20px;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 20px;
}

@media only screen and (max-width: 660px) {
	.tenant-search-icon {
		display: none;
	}
}





/* ----------------------------------------------- */
/* SUB — SUBSCRIBE TO THE SCENE */
/* ----------------------------------------------- */

.scene-subscribe-section {
	text-align: center;
	border-top: solid 1px #C83493;
	border-bottom: solid 1px #C83493;
	margin-top: 80px;
	margin-bottom: 80px;
	padding: 40px 20px;
	background-color: #933B7F;
	background-image:  linear-gradient(135deg, #C83493 25%, transparent 25%), linear-gradient(225deg, #C83493 25%, transparent 25%), linear-gradient(45deg, #C83493 25%, transparent 25%), linear-gradient(315deg, #C83493 25%, #933B7F 25%);
	background-position:  4px 0, 4px 0, 0 0, 0 0;
	background-size: 4px 4px;
	background-repeat: repeat;
	/*
	background-color: rgb(0,0,0);
	background: repeating-linear-gradient(
	  -45deg,
	  #E5E5E5,
	  #E5E5E5 0.5px,
	  #F7F7F6 0.5px,
	  #F7F7F6 10px
	);
	*/
}

.scene-subscribe-section-contents {
	display: inline-block;
	font-size: 150%;
	letter-spacing: 0.5px;
	background: white;
	padding: 20px;
	border-radius: 10px;
}

.scene-subscribe-section p {
	display: inline-block;
	margin-bottom: 0;
}

#community-scene-subscribe-button {
	display: inline-block;
	margin-left: 40px;
	margin-bottom: 0;
}

@media only screen and (max-width: 700px) {
	.scene-subscribe-section p {
		word-wrap: normal;
		display: block;
	}
	
	#community-scene-subscribe-button {
		margin-left: 0;
		margin-top: 20px;
	}
}


.our-community-scene-subscribe {
	margin-top: 80px;
	margin-bottom: 80px;
	padding: 40px 20px;
	background-color: #933B7F;
}

.oc-ss-flexbox {
	display: flex;
	align-content: flex-start;
}

.oc-ss-text {
	flex: 0 0 320px;
	padding-right: 40px;
}

.oc-ss-text p:first-of-type {
	font-size: 200%;
	font-family: "evelethclean_regular";
	color: white;
	line-height: 1.2;
	letter-spacing: 1px;
}

.oc-ss-text p {
	color: white;
	font-size: 80%;
}

.oc-ss-form {
	flex: 1 1 100%;
}

.oc-ss-form label {
	font-size: 80%;
	font-family: "evelethclean_thin";
	color: white;
	margin-bottom: 2px;
	letter-spacing: 1px;
}

.oc-ss-form input {
	margin-bottom: 10px;
}

.oc-ss-form button {
	margin-top: 20px;
	margin-bottom: 0;
}

@media only screen and (max-width: 799px) {
	.oc-ss-flexbox  {  flex-wrap: wrap;  }
	.oc-ss-text  {  flex: 0 0 100%;  padding-right: 0;  }
}

.oc-ss-form #api-status {
	font-weight: bold;
	color: white;
	margin-top: 10px;
	font-size: 80%;
}




/* ----------------------------------------------- */
/* COMMUNITY - FEATURES & EVENTS */
/* ----------------------------------------------- */


.features-section {
	margin-top: 40px;
	margin-bottom: 40px;
}

.flexbox-features {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.feature-story {
	flex: 0 0 31%;
	margin-bottom: 20px;
}

.feature-image {
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 20px;
	border-bottom-right-radius: 20px;
}

.feature-story h1 {
	margin-top: 0;
	font-family: century-gothic, sans-serif;
	color: #C83493;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: 0.25px;
	line-height: 1.4;
}

.feature-story p:last-of-type {
	margin-bottom: 0;
}

.feature-pretitle {
	font-family: "evelethclean_regular";
	font-size: 70%;
	margin-bottom: 10px;
	color: #933B7F;
	letter-spacing: 0.5px;
}

.SUP-feature-story .feature-pretitle {
	color: #65C7C7;
}

.SUP-feature-story-who {
	margin-top: -25px;
	font-weight: bold;
	font-size: 85%;
	color: #163C48;
}

@media only screen and (max-width: 899px) {
	.feature-story  {  flex: 0 0 45%;  }
	.feature-story:nth-of-type(3)  {  display: none;  }
}

@media only screen and (max-width: 699px) {
	.feature-story  {  flex: 1 1 100%;  }
	.feature-image  {  height: 240px;  }
}

.events-section {
	margin-top: 60px;
}

.events-carousel {
	width: 100%;
}

.events-carousel .flexbox-community-snapshot-event .event-banner {
	height: 140px;
}

@media only screen and (max-width: 699px) {
	.events-carousel .flexbox-community-snapshot-event .event-banner {  height: 200px;  }
}

.events-imp-dates {
	margin-top: 40px;
}
 
.imp-date-card1 {
	display: inline-block;
	vertical-align: top;
	max-width: 200px;
	min-width: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imp-date-card0 {
	padding-right: 30px;
	padding-top: 20px;
	border-top: 4px solid purple;
	font-weight: bold;
	line-height: 1.1;
	font-size: 120%;
	margin-bottom: 20px;
}

.imp-date-card1 a {  text-decoration: none;  color: black; font-weight: normal;}

.imp-date-card2 {
	background-color: #E5E5E5;
	border-radius: 10px;
	padding: 20px 30px 20px 20px;
	font-size: 80%;
}

.imp-date-card2 p:first-of-type {  font-size: 120%;  font-weight: bold; margin-bottom: 10px; line-height: 1.2;  }
.imp-date-card2 p:last-of-type {  margin-bottom: 0;  }

.imp-date-card2:hover {
	background-color: #F6B11C;
	color: white;
}

@media only screen and (max-width: 799px) {
	.imp-date-card1  {  width: 45%;  }
}

/*




.flexbox-events {
	flex: 0 0 33%;
}

.events-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.event {
	flex: 1 0 100%;
	border: black 1px solid;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.event .event-month {  margin-bottom: 0;  }
.event .event-date {  color: #65C7C7;  }
.event .event-title {  margin-bottom: 15px;  }
.event .event-desc {  margin-bottom: 10px;  }

.event ul {
	margin-top: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

.event ul li {
	display: inline-block;
	font-family: "evelethclean_regular";
	font-size: 55%;
	letter-spacing: 0.5px;
	margin: 0;
	padding: 0;
}

.event ul li:last-of-type::after {
	content: "";
}

.event ul li::after {
	content: "\2003\007C\2003";
}

.event-left {
	flex: 0 0 80px;
	margin-right: 20px;
}

.event-right {
	flex: 1;
}
*/
.event-button-2 {
	display: inline-block;
	height: 30px;
	padding: 10px;
	color: white;
	text-align: center;
	font-size: 60%;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: #933B7F;
	border-radius: 4px;
	border: 1px solid #933B7F;
	cursor: pointer;
	margin-right: 10px;
}
/*
@media only screen and (max-width: 999px) {
	
	.event .event-date {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 839px) {
	.flexbox-features-events {
		flex-direction: column;
		justify-content: space-between;
	}
	
	.flexbox-events {
		margin-top: 80px;
	}
	
	.events-list {
		flex-direction: row;
	}
}
*/



/* ----------------------------------------------- */
/* COMMUNITY -- MTC */
/* ----------------------------------------------- */

.meet-the-community {
	background-color: #933B7F;
	background-size: 26.00px 26.00px;
	color: white;
	padding: 120px 0;
	margin: 80px 0;
}

.mtc-flexbox {
	display: flex;
	align-items: stretch;
	flex-direction: row-reverse;
}

.mtc-flexbox-img {
	flex: 0 0 400px;
	min-height: 300px;
	margin-left: 60px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mtc-flexbox-txt {
	flex: 1 1 60%;
}

@media only screen and (max-width: 999px) {
	.mtc-flexbox {  flex-wrap: wrap;  }
	.mtc-flexbox-txt {  flex: 0 0 100%;  }
	.mtc-flexbox-img {
		flex: 0 0 100%;
		margin-left: 0;
		margin-bottom: 40px;
		height: 360px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 20px;
	}
}

@media only screen and (max-width: 799px) {
	.mtc-flexbox-img {
		height: 240px;
		min-height: 240px;
	}
}



/* ----------------------------------------------- */
/* COMMUNITY -- PHOTO GALLERY */
/* ----------------------------------------------- */

.oc-photo-gallery {
	margin-bottom: 80px;
}

.oc-photo-carousel {
	width: 100%;
}

.oc-photo-carousel div {
	margin-right: 15px;
	margin-left: 5px;
}

.oc-photo-carousel div img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.oc-photo-carousel div p {
	margin-bottom: 0;
	font-size: 70%;
	font-weight: bold;
}



/* ----------------------------------------------- */
/* EVENTS ONLY PAGE */
/* ----------------------------------------------- */

.events-only-section {
	margin-top: 80px;
	margin-bottom: 80px;
}

.events-only-section .flexbox-community-snapshot-event-listings {
	flex: 1 0 100%;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: -20px;
}

.events-only-section .flexbox-community-snapshot-event {
	flex: 1 1 30%;
	max-width: 350px;
	min-width: 350px;
	border: none;
	background-color: #F7F7F6;
	border-radius: 10px;
	padding: 20px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	overflow: hidden;
	box-shadow: 4px 4px #E5E5E5;
}

@media only screen and (max-width: 999px) {
	.events-only-section .flexbox-community-snapshot-event {
		flex: 0 1 45%;
		max-width: 45%;
		min-width: 45%;
	}
}

@media only screen and (max-width: 699px) {
	.events-only-section .flexbox-community-snapshot-event {
		flex: 0 1 100%;
		max-width: calc(100% - 20px);
		min-width: calc(100% - 20px);
	}
}



/* ----------------------------------------------- */
/* COMMUNITY - STARTUPVILLE */
/* ----------------------------------------------- */

.startupville-section {
	margin-top: 80px;
	margin-bottom: 0;
	overflow: visible;
}

.SUP-colour-block {
	background-color: #F7F7F6;
	padding: 120px 0 0;
	background-image: url("../images/startupville/Clouds-01.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.flexbox-SUP {
	display: flex;
	flex-direction: column;
	overflow: visible;
}

#SUP-h1-a {
	text-decoration: none;
	color: #65C7C7;
}

#SUP-h1-a:hover {
	color: #F6B11D;
}

.SUP-deets {
	flex: 1 1 auto;
}

.SUP-desc {
	font-size: 150%;
}

.SUP-ss-presented {
	font-size: 80%;
	color: black;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 2px;
	margin-top: -10px;
}

.SUP-ss-ep-num {
	font-family: "evelethclean_regular";
	margin-bottom: 20px;
	color: #65C7C7;
	font-size: 90%;
}

.SUP-colour-block h1 {
	color: #65C7C7;
}

.SUP-colour-block h2 {
	font-family: century-gothic, sans-serif;
	font-size: 300%;
	color: #933B7F;
	margin-bottom: 10px;
}

.SUP-ss-guests {
	font-weight: bold;
	color: #933B7F;
}

.SUP-colour-block iframe {
	max-width: 100%;
	margin-bottom: 20px;
}

.SUP-logo {
	flex: 0 0 160px;
	margin-top: 60px;
	height: 160px;
	content: " ";
	background-image: url("../images/startupville/LogoAndWaves-01.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}




/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */

footer {
	background-color: #E5E5E5;
	padding: 80px 0 80px 0;
	font-size: 90%;
}

footer ul,
.flexbox-footer-logos-social ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer ul li {
	padding: 2px 0 2px 0;
	margin: 0;
}

footer ul li.li-header {
	font-family: "evelethclean_regular";
	margin-bottom: 10px;
	color: #C83493;
}

.flexbox-footer-row1 {
	display: flex;
	align-content: flex-start;
	justify-content: space-between;
}

.flexbox-footer-row2 {
	display: flex;
	align-content: flex-start;
	justify-content: space-between;
	margin-top: 40px;
	line-height: 1.2;
}

.flexbox-footer-links {
	flex: 1 1 100%;
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.flexbox-footer-links-column {
	flex: 0 0 200px;
	text-align: left;
	margin-right: 40px;
}

#iptlogo {
	position: absolute;
	top: 0;
	right: 0;
	height: auto;
	width: 240px;
}

footer a  {  color: black;  text-decoration: none;  }
footer a:hover  {  color: #C83493;  }

#footer-contact-link  {
	font-size: 115%;
	margin: 0;
	padding: 0;
}

.flexbox-footer-contact {
	flex: 1 1 50%;
}

.flexbox-footer-logos-social
{
	flex: 1 1 50%;
	text-align: right;
}

.flexbox-footer-logos-social ul li {
	display: inline-block;
	margin-right: 7.5px;
	margin-bottom: 0;
	padding: 0;
}

.flexbox-footer-logos-social ul li img {
	height: 15px;
	width: auto;
}

.flexbox-footer-logos-social ul li:last-of-type {
	margin-right: 0;
}

@media only screen and (max-width: 859px) {
	#iptlogo {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 599px) {
	.flexbox-footer-links-column {
		margin-top: 40px;
	}
	.flexbox-footer-links-column:first-of-type {
		margin-top: 0px;
	}
}




/* ----------------------------------------------- */
/* TENANT QUICK LINKS MODAL */
/* ----------------------------------------------- */

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 200; /* Sit on top */
	padding-top: 10%; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background: repeating-linear-gradient(
	  -45deg,
	  #F6B11D,
	  #F6B11D 1px,
	  #FFC60A 1px,
	  #FFC60A 10px
	);
	align-items: center;
	justify-content: center;
}

/* Modal Content */
.modal-content {
	flex: 1;
	text-align: center;
	background-color: #fefefe;
	margin: 10% 10% 30% 10%;
	height: auto;
	width: 300px;
	padding: 40px 40px;
	border: 1px solid #888;
	border-radius: 40px;
	box-shadow: 5px 10px;
}

.modal-content a {
	margin: 0;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 200%;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}




/* ----------------------------------------------- */
/* DYK Carousel */
/* ----------------------------------------------- */

.tenants-dyk-section {
	margin-top: 80px;
	margin-bottom: 160px;
	background-color: #F7F7F6;
	/*
	background: url("../images/design-elements/DYK-Icon-Grid.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	*/
	padding-top: 80px;
	padding-bottom: 80px;
}

.dyk-carousel-flexbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.dyk-carousel-content {
	flex: 1 0 92%;
	border-radius: 40px;
	padding: 40px 80px;
	text-align: left;
	display: none;
	align-items: flex-start;
	justify-content: center;
}

.dyk-carousel-content img {
	width: 210px;
	height: 210px;
	float: left;
	margin-right: 60px;
}

.dyk-carousel-content p {
	font-size: 160%;
}

.dyk-buttons {
	float: right;
	margin-left: 60px;
}

.dyk-carousel-backwards, .dyk-carousel-forwards {
	flex: 0 0 40px;
	height: 40px;
	color: white;
	background-color: #65C7C7;
	border-radius: 50%;
	padding: 10px 12px;
	cursor: pointer;
	margin-top: 40px;
}

.dyk-carousel-forwards {
	transform: rotate(180deg);
}

@media only screen and (max-width: 939px) {
	
	.dyk-carousel-content {
		flex-wrap: wrap-reverse;
		text-align: center;
		padding: 40px 20px;
	}
	
	.dyk-carousel-content div {
		flex: 0 0 100%;
	}
	
	.dyk-carousel-content img {
		display: none;
	}
	
	.dyk-carousel-backwards, .dyk-carousel-forwards {
		flex: 0 0 20px;
		height: 20px;
		color: white;
		font-size: 50%;
		background-color: #65C7C7;
		border-radius: 50%;
		padding: 5px 6px;
		cursor: pointer;
	}
	
}




/* ----------------------------------------------- */
/* ABOUT PAGES */
/* ----------------------------------------------- */

.values p  {  margin-bottom: 10px;  }
.values img {
	width: 120px;
	height: auto;
	margin-bottom: 20px;
}

.corporate-bio .name {
	font-size: 160%;
	margin-bottom: 5px;
}

.corporate-bio .title {
	font-style: italic;
	font-size: 90%;
}

ul.board-list, ul.list-of-reports {
	list-style-type: none;
}

#annual-report-cover {
	width: 350px;
	max-width: 100%;
	float: left;
	margin-right: 120px;
	margin-bottom: 80px;
}

@media only screen and (max-width: 839px) {
	#annual-report-cover {
		float: left;
		width: 350px;
		margin-left: 0;
		margin-right: 80px;
		margin-bottom: 60px;
	}
}

.careers-why-work-here img {
	width: 120px;
	max-width: 100%;
	margin-bottom: 20px;
}

.careers-why-work-here h3 {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

@media only screen and (max-width: 799px) {
	.careers-why-work-here h3 {
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		hyphens: manual;
	}
}

@media only screen and (max-width: 549px) {
	.careers-why-work-here h3 {
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}
}

.careers-employee-testimonials {
	text-align: center;
}

.careers-employee-testimonials img {
	width: 100%;
	height: auto;
}

.careers-employee-testimonials a  {  margin-bottom: 80px;  }

.employee-quot {
	margin-top: 20px;
	font-size: 160%;
	margin-bottom: 10px;
}

.employee-quot::before  {  content: open-quote;  }
.employee-quot::after  {  content: close-quote;  }

.employee-details  {  font-style: italic;  }

.employee-full-testimonial img {
	width: 600px;
	height: auto;
	max-width: 100%;
	margin-bottom: 20px;
}

.career-posting-teaser {
	padding-top: 20px;
	padding-bottom: 20px;
}

.career-posting-teaser .title {
	font-family: "evelethclean_regular";
	margin-bottom: 0;
	font-size: 110%;
	letter-spacing: 0.5px;
}

.career-posting-teaser .location {
	font-style: italic;
	font-size: 90%;
	margin-bottom: 20px;
}

.career-posting-teaser .closes {
	font-size: 90%;
	font-weight: bold;
	margin-top: 10px;
}

.career-posting-teaser .ad-header {
	font-weight: bold;
	color: #933B7F;
	font-size: 110%;
}

.career-posting-teaser .ad-button {
	display: inline-block;
	height: 30px;
	padding: 10px;
	color: white;
	text-align: center;
	font-size: 60%;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: #933B7F;
	border-radius: 4px;
	border: 1px solid #933B7F;
	cursor: pointer;
}

.career-posting h1  {  margin-bottom: 10px;  font-size: 400%;  }
.career-posting h3  {  margin-top: 60px;  }
.career-posting a.button  {  margin-top: 40px;  }

.contact-address {
	display: inline-block;
	padding-right: 80px;
}

#reachoutFormResults,
#reachoutFormResults a {
	color: black;
	font-family: "evelethclean_regular";
}

#reachoutFormResults {
	margin-bottom: 40px;
}

.tenant-career-ad-logo {
	max-height: 80px;
	max-width: 240px;
	margin-bottom: 60px;
}

.careers-our-areas {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: -40px;
}

.career-area {
	flex: 1 0 33%;
	max-width: 33%;
	padding-right: 40px;
	margin-bottom: 40px;
}

.career-area img {
	min-width: 90px;
	width: 120px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 999px) {
	.career-area {
		flex: 1 0 50%;
		max-width: 50%;
	}
}

@media only screen and (max-width: 699px) {
	.career-area {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

.careers-interests-you-img {
	float: right;
	max-width: 33%;
	width: 180px;
}

.career-posting-icon {
	float: right;
	max-width: 30%;
	width: 180px;
	height: auto;
	margin-bottom: 40px;
	margin-left: 40px;
}

.soco-section-wrapper {
	background-color: #F7F7F6;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-top: 140px;
	margin-bottom: 80px;
}

.soco-flex {
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	margin-top: 40px;
}

.soco-logo {
	flex: 0 0 200px;
	padding-right: 60px;
}

.soco-text {
	flex: 1 1 100%;
}

.soco-logo img { width: 100%; }

@media only screen and (max-width: 699px) {
	.soco-flex {
		display: block;
	}
	
	.soco-logo {
		float: right;
		width: 45%;
		max-width: 180px;
		padding-right: 0;
		padding-left: 30px;
		padding-bottom: 30px;
	}
}



/* ----------------------------------------------- */
/* HOME — COVID-19 BAND */
/* ----------------------------------------------- */

.covid-homepage-section {
	text-align: center;
}

.covid-homepage-section div {
	display: inline-block;
	margin: 80px 0;
	border-radius: 40px;
	border: 2px solid #F6B11C;
	padding: 40px;
	max-width: 60%;
	min-width: 50%;
}




/* ----------------------------------------------- */
/* FEEDBACK POP-UP */
/* ----------------------------------------------- */

.feedback-popper {
	position: fixed;
	left: 0;
	bottom: -500px;
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
	padding: 40px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-color: #F7F7F6;
	color: black;
	text-align: center;
	z-index: 99;
	border-top: 2px solid #F6B11D;
	border-left: 2px solid #F6B11D;
	border-right: 2px solid #F6B11D;
	transition: 2s ease-out;
	-moz-transition: 2s ease-out;
	-webkit-transition: 2s ease-out;
	-o-transition: 2s ease-out;
	-ms-transition: 2s ease-out;
}

#fbclosebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	padding: 10px 10px 10px 40px;	
	text-decoration: none;
}

@media only screen and (max-width: 699px) {
	.feedback-popper {
		margin-left: 2.5%;
		margin-right: 2.5%;
		width: 95%;
	}
}




/* ----------------------------------------------- */
/* SRS – SERVICE REQUEST */
/* ----------------------------------------------- */

.srs-section label {
	display: inline-block;
	margin-left: 10px;
}




/* ----------------------------------------------- */
/* FEATURES -- MEET THE TENANTS ELEMENTS */
/* ----------------------------------------------- */


.row-block {
	display: inline-block;
	padding: 10px 40px 10px 20px;
	border-left: 2px solid #65c7c7;
	margin-bottom: 60px;
}

.row-block p {
	margin: 0;
}

aside {
	float: right;
	max-width: 33%;
	min-width: 200px;
	padding: 40px;
	margin: 40px 0 40px 40px;
	border: 4px solid #C83492;
	border-radius: 16px;
}

aside p {
	margin: 0;
	font-size: 125%;
	line-height: 2.1;
	font-weight: bold;
	color: #65c7c7;
}

#aside-quote {
	float: left;
	width: 60px;
	height: auto;
	margin-top: -70px;
	margin-left: -10px;
}

.pull-quote {
	letter-spacing: 0.5px;
	font-size: 150%;
	line-height: 1.8;
}



/* ----------------------------------------------- */
/* FEATURES -- ADDITIONAL STYLING */
/* ----------------------------------------------- */

/*  VIDEO EMBED  */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media only screen and (max-width: 799px) {
	.embed-container {
		max-width: 100%;
	}
}


.feature-footer {
	border-top: 4px solid #F6B11C;
	margin-top: 60px;
	padding-top: 20px;
}

.ff-scene-subscriber-form {
	display: flex;
	justify-content: space-between;
	margin-left: -20px;
	margin-bottom: 20px;
}

.ff-scene-subscriber-field {
	flex: 1 1 33%;
	margin-left: 20px;
}

.ff-scene-subscriber-field label {
	font-size: 75%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.ff-scene-subscriber-field input {
	margin-top: 5px;
	padding-top: 0;
	width: 100%;
}

@media only screen and (max-width: 599px) {
	.ff-scene-subscriber-form {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.ff-scene-subscriber-field {
		flex: 0 0 90%;
	}
	
	.ff-scene-subscriber-field input {
		margin-bottom: 20px;
	}
	
	.ff-scene-subscriber-field input:first-child {
		margin-bottom: 0px;
	}
}




/* ----------------------------------------------- */
/* COMMUNITY - BRAIN BITES */
/* ----------------------------------------------- */

.brainbites-section {
	margin-top: 0px;
	margin-bottom: -80px;
}

.BB-colour-block {
	background-color: #C83493;
	background-image: radial-gradient(#933B7F 8%, transparent 0%), radial-gradient(#933B7F 8%, transparent 0%);
	background-position: 0 0, 20px 20px;
	background-size: 40px 40px;
	padding: 120px 0;
}

.flexbox-BB {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
}

.BB-logo {
	flex: 1 1 40%;
	padding-right: 80px;
	text-align: center;
}

.BB-logo img {
	width: 100%;
	height: auto;
}

.BB-logo hr {
	padding: 0;
	margin: 40px 0;
	border-top: 4px solid white;
}

.BB-logo p {
	font-family: "evelethclean_regular";
	font-size: 240%;
	line-height: 1.1;
	color: #FFC60A;
}

.BB-logo .vl {  display: none;  }

.BB-video {
	flex: 1 1 100%;
}

.BB-video .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

@media only screen and (max-width: 839px) {
	.flexbox-BB {
		flex-wrap: wrap;
	}
	.BB-logo {
		flex: 1 1 100%;
		padding-right: 0;
	}
	
	.BB-logo img {
		width: 240px;
		max-width: 75%;
	}
	
	.BB-logo p {
		font-size: 120%;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
	}
	
	.BB-logo .vl {
		display: inline-block;
		border-left: 6px dotted white;
        height: 80px;
		width: 100%;
        left: 50%;
		margin: 20px 0 20px 50%;
	}
	
	.BB-logo hr {  display: none;  }
}



/* ----------------------------------------------- */
/* USED AT */
/* ----------------------------------------------- */

.usedat-item {
	display: block;
	padding-bottom: 40px;
}

.usedat-item .what {
	font-size: 120%;
	font-weight: bold;
}

.usedat-item .what span {
	font-size: 80%;
}

.usedat-item .pics {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: -40px;
}

.usedat-item .pic {
	flex: 0 1 25%;
	min-width: 200px;
	margin-left: 40px;
	padding-bottom: 40px;
}

.usedat-item .pic img {
	width: 100%;
	margin-bottom: 20px;
}

.usedat-item .available-from {
	font-size: 75%;
	font-family: "evelethclean_regular";
}

@media only screen and (max-width: 539px) {
	.usedat-item .pic {
		flex: 1 0 33%;
		min-width: 33%;
	}
}


/* ----------------------------------------------- */
/* RETRUN TO WORK -- HERO (index.php) */
/* ----------------------------------------------- */

.rtw-hero {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}

.rtw-hero-img {
	flex: 1 0 50%;
}

.rtw-hero-img img {
	width: 100%;
	padding-right: 40px;
}

.rtw-hero-text {
	flex: 1 0 50%;
}

@media only screen and (max-width: 899px) {
	.rtw-hero {
		flex-wrap: wrap;
	}
	
	.rtw-hero-img, .rtw-hero-text {
		flex: 0 0 100%;
	}
	
	.rtw-hero-img img {
		width: 50%;
		padding-right: 0;
		padding-bottom: 20px;
	}
}


/* ----------------------------------------------- */
/* EMERGENCY NOTICE BOX */
/* ----------------------------------------------- */

.emergency-notice-box {
	background-color: #F6B11C;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.1;
	margin-top: 180px;
	margin-bottom: -120px;
	padding: 40px 80px;
	border-radius: 10px;
}