body
{
	-webkit-text-size-adjust: 100%;
	margin-top: 40px;
}

.resp-table,
.resp-table tr,
.resp-table td,
.resp-table tbody
{
	box-sizing: border-box !important;
	display: block !important;
	width: auto !important;
}

.page-centered
{
	margin: 0;
	width: auto;
}

.video-container
{
	min-height: 315px;
	position: relative;
}

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

/* main nav bar --------------------------------------- */
div#nav-bar
{
	background-color: rgba(139,32,54,0.85);
	border-bottom: 1px solid rgba(139,32,54,1.00);
	height: 60px;
}

div#nav-bar a.toggle-menu-btn
{
	display: block;
	left: 0;
	padding: 20px;
	position: absolute;
	text-decoration: none;
	top: 0;
}

div#nav-bar a.toggle-menu-btn .bar
{
	background: white;
	display: block;
	height: 4px;
	width: 30px;
}

div#nav-bar a.toggle-menu-btn .bar + .bar
{
	margin-top: 4px;
}

div#nav-bar a.logo
{
	background: url('../../../images/mobile-logo.png') no-repeat left top;
	background-size: auto 100%;
	margin: 0;
	height: 40px;
	right: 15px;
	top: 10px;
	width: 30px;
}

div#nav-bar nav
{
	background: #1c1b1c;
	float: none;
	height: calc(100% - 40px);
	left: 0;
	margin-top: 40px;
	opacity: 0;
	overflow: auto;
	position: fixed;
	top: 0;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 9999;
}

div#nav-bar nav.show-nav
{
	opacity: 1;
	visibility: visible;
}

ul#navigation 
{
	display: block;
	height: auto;
	padding: 0;
}

ul#navigation a.nav-link
{
	font-size: 18px;
	height: auto;
	padding: 10px 15px 10px 50px;
}

ul#navigation a.expand-arrow
{
	background: url('images/expand-arrow2.png')/*tpa=http://www.legendaryliving.ca/images/expand-arrow2.png*/ no-repeat center;
	background-size: 21.5px 12.5px;
	display: block;
	height: 38px;
	left: 5px;
	opacity: 0.5;
	position: absolute;
	top: 0;
	transition: transform 0.25s, opacity 0.25s;
	width: 40px;
}

ul#navigation li.expanded a.expand-arrow 
{
	opacity: 1;
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
}

ul#navigation ul.flyout
{
	display: none;
	list-style: none;
	margin: 0;
	padding: 10px 0 10px 70px;
}

ul#navigation ul.flyout ul.flyout
{
	display: block !important;
	padding: 0 0 10px 20px;
}

ul#navigation ul.flyout a.flyout-link
{
	color: #d6c02c;
	box-sizing: border-box;
	display: block;
	font-family: 'Avenir', sans-serif;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1em;
	padding: 0 0 10px 0;
	text-decoration: none;
	text-transform: uppercase;
}

/* section legend ------------------------------------- */
.section-legend
{
	display: none;
}

/* frontpage sections --------------------------------- */
section.page-section
{
	min-height: 0;
}


section#strip1
{
	background: none;
	height: 100vh;
}

section#strip1 .home-LINK
{
	font-size: 30px !important;
}

section#strip1 .strip-content
{
	width: 62.5%;
}

section.page-section ul.social-media
{
	bottom: 0;
	left: 50%;
	margin: 0 0 10px 0;
	padding: 0;
	position: absolute;
	right: auto;
	text-align: center;
	top: auto;
	transform: translateX(-50%);
}

section.page-section ul.social-media li
{
	display: inline-block;
	margin: 0 10px;
}

section.page-section .social-media a.social-icon
{
	font-size: 16px;
	line-height: 1em;
}

section#strip2
{
	background: url('images/strip2-bg.jpg')/*tpa=http://www.legendaryliving.ca/images/strip2-bg.jpg*/ no-repeat center top;
	background-size: cover;
}

section#strip2 .registration-bar
{
	font-size: 16px;
	height: auto;
	padding: 15px;
}

section#strip2 .registration-bar .register-btn
{
	font-size: 16px;
	padding: 10px;
}

section#strip2 .strip-content
{
	padding: 10px;
}

.homepage-project-gallery .gallery-item
{
	position: relative;
	width: 50%;
}

section#strip3 .strip-content
{
	display: block;
	min-height: 0;
	padding: 10px 10px 0 10px;
}

section#strip3 .strip-content .strip-top
{
	margin-bottom: 10px;
	width: auto;
}

section#strip3 .strip-content .strip-left,
section#strip3 .strip-content .strip-middle,
section#strip3 .strip-content .strip-right
{
	max-width: auto;
	min-width: 0;
	padding: 0 0 10px 0;
	width: auto;
}

section#strip4 .strip-content-wrapper
{
	display: block;
	min-height: 0;
	padding: 0;
}

section#strip4 .strip-content-wrapper .strip-content
{
	padding: 10px;
}

section#strip5 .strip-content
{
	display: block;
	min-height: 0;
	padding: 10px;
}

section#strip5 .strip-top
{
	padding-bottom: 10px;
}

section#strip5 .strip-slide
{
	min-height: 0;
	padding-bottom: 50px;
}

section#strip5 .strip-sections
{
	display: block;
	padding: 0;
	position: relative;
	width: auto;
}

section#strip5 .strip-sections .strip-column
{
	padding: 10px 0;
	width: auto;
}

section#strip5 .strip-sections .strip-column-orange
{
	padding: 10px;
}

section#strip5 .strip-image
{
	padding: 0px;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: auto;
}

section#strip6 .strip-content
{
	display: block;
	padding: 5px 10px 100px 10px;
}

section#strip6 .strip-content .strip-left,
section#strip6 .strip-content .strip-right
{
	margin: 0;
	padding: 5px 0;
	width: auto
}

section#strip6 .strip-content .strip-menu
{
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}

section#strip6 .strip-content .strip-menu .menu-column
{
	padding: 5px 0;
	width: auto;
}

section#strip6 .strip-content .strip-copyright
{
	width: auto;
}

section#strip6 ul.footer-menu
{
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}


/* PROJECTS page -------------------------------------------- */
section#projects-header .homepage-header
{
	height: 150px;
}

section#projects-content .strip-content
{
	height: auto;
	padding: 10px;
}

.project-menu-bar
{
	display: none;
}

.show-nav-on-mobile .project-menu-bar
{
	display: block;
	height: auto;
	padding: 0;
}

.project-menu-bar .project-menu
{
	display: block;
	margin: 0;
	padding: 5px 0;
}

.project-menu-bar .project-menu li
{
	padding: 5px 10px;
	width: auto;
}

.project-menu-bar .project-menu a.project-menu-link
{
	color: #353333;
	display: block;
	font-family: 'Avenir', sans-serif;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0.14em;
	line-height: 1em;
	padding: 6px 8px;
	text-decoration: none;
	text-transform: uppercase;
}

.project-menu-bar .project-menu li.current a.project-menu-link,
.project-menu-bar .project-menu li a.project-menu-link:hover
{
	border: 1px solid #353333;
	padding: 5px 7px;
}

.project-menu-bar .project-menu li.register-link
{
	margin-right: 73px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.project-menu-bar .project-menu li.register-link a.project-menu-link,
.project-menu-bar .project-menu li.register-link a.project-menu-link:hover
{
	background: black;
	border: none;
	box-sizing: border-box;
	color: #d6c02c;
	height: 79px;
	font-size: 19px;
	padding: 29px 50px 0 50px;
}

.project-list-gallery
{
	margin: 0 -5px;
}

.project-list-gallery .gallery-item
{
	margin: 0 5px 10px 5px;
	width: calc(50% - 10px);
}

/* SINGLE PROJECT PAGE -------------------------------------- */
#project-overview .project-menu-bar
{
	display: none;
}

#project-overview .strip-content
{
	display: block;
	padding: 5px 10px;
}

#project-overview .strip-top,
#project-overview .strip-left,
#project-overview .strip-right
{
	margin: 0;
	padding: 5px 0;;
	width: auto;
}

#project-floor-plans .strip-content
{
	margin: 0;
	padding: 10px;
	width: auto;
}

#project-features .strip-content
{
	display: block;
	margin: 0;
	padding: 5px 10px;
}

#project-features .strip-top,
#project-features .strip-left,
#project-features .strip-right
{
	margin: 0;
	padding: 5px 0;
	width: auto;
}

#project-gallery .strip-content
{
	margin: 0;
	padding: 10px;
	width: auto;
}

#project-register .strip-content
{
	margin: 0;
	padding: 10px;
	width: auto;
}

#project-reserve .strip-content
{
	display: block;
	min-height: 0;
	padding: 0;
}

#project-reserve .strip-main
{
	display: block;
	padding: 10px;
	width: auto;
}

/* HOMEOWNER CARE formatting -------------------------------- */
#homeowner-header
{
	background: url('images/homeowner-header.jpg')/*tpa=http://www.legendaryliving.ca/images/homeowner-header.jpg*/ no-repeat center top;
	background-size: cover;
}

#homeowner-header .header-content
{
	margin: 0;
	padding: 10px 10px 60px 10px;
	width: auto;
}

#homeowner-process
{
	background: #efeeee;
}

#homeowner-process .strip-content
{
	margin-left: 0;
}

#homeowner-process .strip-top
{
	margin: 0;
	padding: 10px 10px 0 10px;
	width: auto;
}

#homeowner-process .strip-columns
{
	display: block;
	padding: 5px 10px;
}

#homeowner-process .strip-columns .column
{
	padding: 5px 0;
	width: auto;
}

#homeowner-warranty
{
	background: #d6d6d6;
}

#homeowner-warranty .strip-content
{
	display: block;
	margin-left: 0;
	min-height: 0px;
	padding: 5px 10px;
}

#homeowner-warranty .strip-left,
#homeowner-warranty .strip-right
{
	display: block;
	padding: 5px 0;
	margin: 0;
	max-width: 100%;
	width: auto;
}

#homeowner-request
{
	background: white;
}

#homeowner-request .strip-content
{
	margin-left: 0;
	padding: 5px 10px;
}

#homeowner-request .strip-top
{
	margin: 0;
	padding: 5px 0;
}

#homeowner-request .strip-columns
{
	display: block;
	margin: 0;
}

#homeowner-request .strip-columns .column
{
	padding: 5px 0;
	width: auto;
}

/* ABOUT page formatting ------------------------------------ */
#about-top
{
	background: #d2d2d2;
}

#about-top .strip-content
{
	padding: 5px 10px;
}

#about-top .strip-columns
{
	display: block;
}

#about-top .strip-columns .strip-left,
#about-top .strip-columns .strip-right
{
	margin: 0;
	max-width: auto;
	padding: 5px 0;
	width: auto;
}

#about-top .strip-columns .strip-right .strip-right-top
{
	padding: 0 0 10px 0;
}

#about-top .strip-columns .strip-right .strip-right-bottom
{
	padding: 0;
}

#about-company
{
	background: #353333;
}

#about-company .strip-content
{
	padding: 5px 10px;
}

#about-company .strip-columns
{
	display: block;
}

#about-company .strip-columns .strip-left
{
	display: block;
	margin: 0;
	max-width: auto;
}

#about-company .strip-columns .strip-left-top
{
	padding: 5px 0;
	width: auto;
}

#about-company .strip-columns .strip-left-bottom
{
	max-width: auto;
	padding: 5px 0;
}

#about-company .strip-columns .strip-right
{
	padding: 5px 0;
	max-width: auto;
}

#about-standard
{
	background: #efeeee;
}

#about-standard .strip-content
{
	padding: 5px 10px;
}

#about-standard .strip-columns
{
	display: block;
}

#about-standard .strip-columns .strip-left,
#about-standard .strip-columns .strip-right
{
	padding: 5px 0;
	margin: 0;
	max-width: auto;
}

/* GIVING BACK page formatting ------------------------------ */
#giving-back-header
{
	background: #343333;
}

#giving-back-header .strip-content
{
	margin: 0;
}

#giving-back-header .strip-columns
{
	display: block;
	max-width: auto;
	padding: 5px 10px;
}

#giving-back-header .strip-left,
#giving-back-header .strip-right
{
	margin: 0;
	max-width: auto;
	padding: 5px 0;
	width: auto;
}

#giving-back-support
{
	background: #efeeee;
}

#giving-back-support .strip-content
{
	margin: 0;
}

#giving-back-support .strip-columns
{
	display: block;
	padding: 5px 10px;
}

#giving-back-support .strip-left,
#giving-back-support .strip-right
{
	margin: 0;
	max-width: auto;
	padding: 5px 0;
	width: auto;
}

/* SECONDARY page formatting -------------------------------- */
#content-area .wide-content
{
	margin: 0;
	padding: 10px;
	width: auto;
}

/* custom component CSS ------------------------------------- */

.lasso-form .field-row,
.lasso-form .field-columns
{
	display: block;
	margin: 0;
}


.lasso-form .field-columns .field-column
{
	width: auto;
}

.lasso-form .form-field
{
	box-sizing: border-box;
	padding: 0 0 20px 0;
	width: auto;
}

.lasso-form .field-row-cols2 .form-field
{
	width: auto;
}

.lasso-form .form-field .checkbox-columns
{
	display: block;
	margin: 0;
}

.lasso-form .form-field .checkbox-columns label
{
	padding: 0 0 10px 0;
	width: auto;
}

/* registration form popup --- */

#register-popup-modal
{
	overflow: scroll;
}

#register-popup-modal .popup-content
{
	background: white;
	border-radius: 6px;
	box-sizing: border-box;
	left: 10px;
	padding: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	width: auto;
}

/* other */

div#nav-bar.sticky-menu {
	display: none;
}

p.home-LINK span {
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

.designer, .fax{
    display: none;
}

div#footer-bar .footer-bar-content{
	display: block;
}

div#footer-bar .footer-bar-content .footer-bar-right1, div#footer-bar .footer-bar-content .footer-bar-right2{
	width: 100%;
	font-size: 10px;
	line-height: 30px;
	text-align: center;
	padding: 0;
}