/*
Theme Name: Stack Child
Theme URI: http://www.tommusrhodus.com/stack-wordpress-theme
Description: Child theme for the Stack theme
Author: <a href="http://www.tommusrhodus.com">Tom Rhodes</a>
Author URI: http://www.tommusrhodus.com
Template: stack
Version: 1.0.0
*/

@import url('../stack/style.css');


/* Fonts */
@font-face {
	font-family: 'Next Medium';
	src: url('fonts/DINNextLTPro-Medium.eot');
	src: local('☺'), 
		url('fonts/DINNextLTPro-Medium.woff') format('woff'), 
		url('fonts/DINNextLTPro-Medium.ttf') format('truetype'), 
		url('fonts/DINNextLTPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Next Regular';
	src: url('fonts/DINNextLTPro-Regular.eot');
	src: local('☺'), 
		url('fonts/DINNextLTPro-Regular.woff') format('woff'), 
		url('fonts/DINNextLTPro-Regular.ttf') format('truetype'), 
		url('fonts/DINNextLTPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
p, body, h1, h2, h3, .navi-by-bonfire ul li a, .nest-button, .btn, .nf-field-label label {
	font-family: 'Next Regular', 'Din', helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}
p {
	font-size: 14px;
	line-height: 1.5em;
	padding-right: 10%;
}
h1 {
	font-size: 1.79em;
	line-height: 1.6;
	text-decoration: underline;
	padding-right: 10%;
}
h2 {
	font-size: 1.29em;
	line-height: 1.333;
	padding-right: 10%;
}
h3 {
	font-size: 12px;
	line-height: 1.8;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1.85714286em;
}


/* Global */
.container {width: 90%;}
.vc_row-o-full-height {min-height: 60vh !important;}
section.space--sm {
    padding-top: 0!important;
	padding-bottom: 0;
}
.imageblock {margin-top: 0;}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {padding-top: 0;}
.bg--secondary {background: #ffffff;}
.imageblock > .container {
    padding-top: 3.428571em;
    padding-bottom: 3.428571em;
}
#mobi-number {display: none;}
.fixed-height {
	height: 80vh; 
	max-height: 600px;
}
.header {
	height: 100vh;
	max-height: none;
}
.mobi {display: none!important;}
.deski {display: block!important;}


/* Navigation */
.nav-container .container {width: 100%;}
.nav-container {
	position: fixed;
    z-index: 10;
}
.bar .logo {
	max-height: 44px;
	top: 0;
}
.logo-holder {
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    width: 300px;
    margin: 0 auto;
	top: 18px;
}
.logo-dark {display: none!important;}
.logo-light {
	display: block!important; 
	margin: 0 auto!important;
}
.bar.pos-fixed:not([class*='bg-']) .logo-dark {display: none;}
.bar.pos-fixed:not([class*='bg-']) .logo-light {display: inline-block;}
.bar.pos-fixed:not([class*='bg-']) {
	height: 79px; 
	padding: 1.3em;
}
.navi-main-menu-button-wrapper {
	top: 15px;
	left: 11px;
	width: 60px;
    z-index: 999999999;
}
.navi-main-background, .navi-main-wrapper {width: 300px;}
.navi-main-wrapper {z-index: 99999999;}
.navi-menu-wrapper {
	top: 70px;
	margin: 0 0 0 35px;
	width: 230px;
	padding: 0 0 50px 0;
}
.navi-by-bonfire ul li a {
	font-size: 14px;
	text-transform: uppercase;
	padding: 25px 0 23px;
    padding: 3vh 0 2.5vh;
	line-height: 1;
	letter-spacing: 0.15em;
}
.navi-by-bonfire ul li.current-menu-item > a {
	text-decoration: none;
}
.navi-by-bonfire .menu {width: 100%;}
.navi-by-bonfire ul li a {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.navi-by-bonfire ul li a:hover {
	color: #000000!important;
	border-bottom: 1px solid rgba(0,0,0,1);
}
.navi-main-menu-button:before, .navi-main-menu-button div.navi-main-menu-button-middle:before, .navi-main-menu-button:after {
	width: 40px;
	height: 1px;
}
.stack-header-buttons .btn {
	padding: 0;
	border: 0;
	margin-top: 0;
    position: fixed;
    right: 150px;
	top: 26px;
}
.stack-header-buttons .btn .btn__text {
	font-size: 16px;
	font-weight: normal!important;
	color: #ffffff;
}
.btn:hover {
    transform: none;
	-webkit-transform: none;
}
.nest-button-wrapper {
	display: none;
	top: 18px;
}
.nav-container .nest-button-wrapper {
	display: block;
}
.nest-button {
    border-radius: 0;
    background-color: #ffffff;
    padding: 12px 15px 10px;
    font-size: 16px;
    line-height: 1;
	color: #000000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	
}
.nest-button:hover {text-decoration: none;}
.bar.pos-fixed:not([class*='bg-']) {background: #808184;}
a.number {
	color: #000000;
	font-weight: normal;
	position: absolute;
    right: 150px;
	top: 10px;
}
.mobi-number, .hamburger-toggle {display: none;}
.navi-footer {
    position: absolute;
    bottom: 0;
    left: 35px;
    line-height: 1.2;
}
.navi-footer a, .navi-footer {
	color: #ffffff;
	text-decoration: none;
}
.navi-address {padding-bottom: 20px;}
.terms h3 {color: #ffffff;}


/* Lightbox */
div.pp_default .pp_content, div.light_rounded .pp_content, div.pp_overlay {background-color: #000000;}
div.pp_default .pp_content_container .pp_left, div.pp_default .pp_top .pp_middle, div.pp_default .pp_content_container .pp_right {background: none!important;}
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {height: 0!important;}
.lb-cancel, .lb-loader {
	display: none!important; 
	background: none!important;
}
.pp_content {height: auto!important;}
div.ppt {display: none!important;}
.pp_details {padding-bottom: 0!important; padding-top: 0!important;}
div.pp_default .pp_close {
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/lb_x.png) no-repeat;
	background-position: center center;
	cursor: pointer;
	background-size: contain;
}
div.pp_default .pp_content_container .pp_details {
	position: absolute; 
	top: 0;
}
div.pp_default .pp_loaderIcon {background: none!important;}
div.pp_default .pp_expand {display: none!important;}
div.pp_overlay {z-index: 999999999;}
div.pp_pic_holder {z-index: 1000000000;}
a.pp_close {
    position: fixed;
    right: 10px;
    top: 10px;
}


/* Flyout panel */
.nest-content-inner .container {width: 100%;}
.nest-content-inner {padding: 35px 5px 20px}
.nest-slide-inner {
	background-color: #f1f2f2;
    opacity: 0.9;
	padding: 0;
	height: auto;
	float: right;
	right: 20px;
	width: 310px;
	top: 0;
}
.nest-close-button-wrapper {
    right: 15px!important;
    top: 0;
}
.nest-close-button::before, .nest-close-button::after {width: 20px!important;}
.nest-content-inner p, .nest-content-inner p a {text-align: center; color: #000000!important; text-decoration: none!important;}
.nest-content-wrapper {max-width: 310px;}
.nest-slide-wrapper-active {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.nest-slide-background-image, .nest-background-overlay, .nest-slide-background-color {display: none;}
.nest-slide-wrapper {
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    transform: translateX(0)!important;
	opacity: 0;
	z-index: -1;
	max-width: 420px!important;
    height: 600px;
    top: 90px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.nest-slide-wrapper-active, nest-slide-wrapper-active {
	opacity: 0;
	z-index: -1;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.nest-slide-wrapper.nest-slide-wrapper-active {
	opacity: 1;
	z-index: 100000000000;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.nest-close-button::before, .nest-close-button::after {height: 1px!important;}
#nf-form-2-cont input[type], #nf-form-2-cont textarea, #nf-form-2-cont select {padding: 0;}
#nf-form-2-cont #nf-field-15-container {
	position: relative;
	width: 100%;
}
#nf-form-2-cont .field-wrap input[type=button] {
	margin-left: 0;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 2px;
	width: 110px;
	border: 1px solid #000000;
}
#nf-field-13-wrap {
    width: 110px;
    margin: 0 auto;
}
#nf-field-12-wrap {width: 100%; text-align: center;}
.nf-field-container {margin-bottom: 19px!important;}
input[type], select, textarea {
	font-family: 'Next Regular', 'Din', helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #424242; 
	padding-left: 0;
	background: transparent;
	border-radius: 0;
}
label {font-size: 14px;}
select {
	background: url(/wp-content/uploads/down.svg) no-repeat;
	background-position: center right;
	background-size: 22px;
	font-size: 14px;
}
input[type]:focus, select:focus, textarea:focus {border-color: #424242;}
::-webkit-input-placeholder {
	font-family: 'Next Regular', 'Din', helvetica, sans-serif;
	color: #000000!important;
	font-size: 14px!important;
}
::-moz-placeholder {
	font-family: 'Next Regular', 'Din', helvetica, sans-serif;
	color: #000000!important;
	font-size: 14px!important;
}
:-ms-input-placeholder {
	font-family: 'Next Regular', 'Din', helvetica, sans-serif;
	color: #000000!important;
	font-size: 14px!important;
}
:-moz-placeholder {
	font-family: 'Next Regular', 'Din', helvetica, sans-serif;
	color: #000000!important;
	font-size: 14px!important;
}
.nf-form-fields-required, .nf-error-msg, .ninja-forms-req-symbol {display: none!important;}
.nf-error .ninja-forms-field {
    border: none!important;
    border-bottom: 1px solid #da3d3d!important;
}
.nf-field-label label {font-weight: normal!important}


/* Footer */
.footer-2 .col-md-3:nth-child(2) {width: 50%;}
.footer-2 p.disclaimer {
    text-align: center;
    font-size: 9px;
    line-height: 1.3;
}
.footer-2 .col-md-3:nth-child(3) {width: 0;}
.footer-2 .col-md-3:nth-child(4) {text-align: right;}
footer h3 a {
	font-size: 10px;
	color: #000000!important;
}
.back-to-top {
    background: none;
    border: none;
    box-shadow: none;	
    bottom: 6em;
}
footer.footer-2 .row:last-child {display: none;}
footer.space--sm {padding-top: 5em!important;}
footer p {padding-right: 0!important;}


/* Sections */
section {
	margin-top: 15px;
	padding-top: 7.4285em!important;
}
.grey {background: #808184;}
.grey p, .grey h2, .grey p a {color: #ffffff;}
.grey p a {
	position: absolute; 
	bottom: 0;
}


/* Home */
.home footer {display: none;}
.home .vc_row-o-full-height {min-height: 100vh!important;}
.vc_row_vimeo-background_wrapper .vc_video-bg, .vc_row_vimeo-background_wrapper.vimeo-mobile .vimeo-background-iframe, .vc_row_vimeo-background_wrapper.vimeo-unsupported .vimeo-background-iframe, .vimeo-background-iframe {display: block!important;}


/* Architecture */
.arch-quote .col-sm-6 {min-height: 38vh;}
.arch-quote {
	background: url(/wp-content/uploads/2018/03/img-render-hero-02.jpg) no-repeat center;
	background-size: cover;
}
.arch-quote h1, .arch-quote h3 {color: #ffffff;}
.arch-quote h1 {
	position: absolute;
	bottom: 0;
}
.arch-intro {
	padding-top: 0!important;
	padding-bottom: 0;
}
.arch-intro .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}
.arch-intro .col-sm-6:last-child {
	background: url(/wp-content/uploads/2018/03/render-arch-02.webp) no-repeat center;
	background-size: cover;
}
.page-id-34 .grey p a {position: relative;}


/* Melbourne / Docklands */
section.melb-grid, section.dock-grid {
	padding-bottom: 0;
	padding-top: 0!important;
	margin-bottom: 15px;
}
.melb-grid .col-sm-12, .dock-grid .col-sm-12, .melb-lifestyle, .dock-lifestyle {
	padding-left: 0;
	padding-right: 0;
}
.melb-lifestyle, .dock-lifestyle {margin-top: 15px;}
.melb-grid .col-md-5, .dock-grid .col-md-5 {width: 45%;}
.melb-grid p, .dock-grid p {padding-right: 0;}


/* Location */
.map p {padding-right: 0;}
.map {
	background: url(/wp-content/uploads/2018/03/The-Docklands-Maps_online_DD02-01.svg) no-repeat;
	background-position: bottom left 0;
	background-size: cover;
	height: 65vh;
}
.location-grid, .lifestyle {
	margin-bottom: 15px;
	margin-top: 15px;
}
.location-grid h1 {padding-bottom: 15vh;}


/* Team */
.dev {padding-bottom: 8em;}
.page-id-57 p, .page-id-57 h1 {padding-right: 20%;}


/* News */
.results-list {margin-top: 10px;}
.results-list li {
	padding: 40px 0 30px!important;
    border-top: 1px solid #999999;	
	border-bottom: 1px solid #999999;
}
.results-list p, .results-list h2 {padding-right: 20%;}
.results-list h3 {text-transform: uppercase;}
.results-list > li:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 0;
	border-bottom: none;
}
.results-list > li > a:first-child {margin-bottom: 0;}


/* Terms */
.page-id-180 {
	background: #808184;
	padding-top: 10vh;
	padding-bottom: 10vh;
}
.page-id-180 p, .page-id-180 h3, .page-id-180 footer h3 a, .page-id-180 strong {color: #ffffff!important;}

.thank-you p {padding-right: 0;}


/* Media Queries */
@media only screen and (max-width: 767px) {
	p, h1, h2, h3, h4, .page-id-57 p, .page-id-57 h1, .results-list p, .results-list h2 {padding-right: 0;}
	
	.nav-container {background: #808184; height: 90px; top: 0; position: fixed; z-index: 10; width: 100%;}
	.fixed-height {height: auto; max-height: none;}
	.header {height: 65vh;}
	.vc_empty_space {height: 30vh!important;}
	.bar .logo {max-height: 34px;}
	.nest-button, .mobi-number {position: fixed; padding: 10px 10px 6px; background: #808184; border: none; color: #cccccc; border-color: #bfbfbf!important; font-weight: normal; font-size: 14px; top: 90px; text-align: center; letter-spacing: 0.01em; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);}
	.nest-button::before {background: none;}
	.mobi-number {display: block; z-index: 1; line-height: 1; left: 0; right: auto; width: 50%; border-right: 1px solid; border-top: 1px solid;}
	.nest-button {right: 0; left: auto; width: 50%; border-top: 1px solid;}
	.nest-slide-inner {right: 0; width: 100%; opacity: 1; height: 100vh;}
	.nest-slide-wrapper {top: 0; height: 100vh;}
	.nest-close-button-wrapper {right: 21px!important; display: block;}
	.nest-content-inner {padding: 70px 0; vertical-align: top;}
	.nest-slide-inner {padding: 20px 0; top: 0;}
	.number, span.menu-number, .stack-header-buttons, a.number, .number a, .bar__module .btn {display: none!important; text-indent: -1000px!important;}
	
	.mobi {display: block!important;}
	.deski {display: none!important;}
	
	.navi-main-menu-button-wrapper {left: 6px;}
.navi-main-menu-button:before, .navi-main-menu-button div.navi-main-menu-button-middle:before, .navi-main-menu-button:after {width: 30px;}
	.navi-main-background, .navi-main-wrapper {width: 100%;}
	.navi-menu-wrapper {margin: 0 auto!important; width: 300px; top: 50px!important;}
	.navi-menu-active .navi-main-menu-button:after {
		transform: translateY(-8px) rotate(-45deg)!important; 
		-moz-transform: translateY(-8px) rotate(-45deg)!important; 
		-webkit-transform: translateY(-8px) rotate(-45deg)!important;}
	.navi-menu-active .navi-main-menu-button:before {
		transform: translateY(8px) rotate(45deg)!important; 
		-moz-transform: translateY(8px) rotate(45deg)!important; 
		-webkit-transform: translateY(8px) rotate(45deg)!important;}
	
	.main-container {margin-top: 85px;}
	.home .main-container {margin-top: 100px;}
	.vc_row-o-full-height {min-height: 40vh !important;}
	section {margin-top: 10px;}
	section, footer, section.section--even {padding: 4.5em 0;}
	section {padding-top: 4.5em!important;}
	.map {background-position: bottom left -25px; height: 50vh;}
	
	.footer-2 .col-md-3:nth-child(2) {width: 100%;}
	.footer-2 .col-md-3:nth-child(3) {display: none;}
	.textwidget, #media_image-2 {text-align: center;}

	.flip {display: flex; display: -webkit-flex; flex-direction: column-reverse;}
	.imageblock {margin-bottom: 10px;}
	.arch-quote .col-sm-6 {min-height: auto;}
	.arch-quote h1 {position: relative; margin-top: 3em;}
	.melb-grid .col-md-5, .dock-grid .col-md-5 {width: 100%;}
	.grey img {padding: 4em;}
	.grey p a {position: relative;}
	.dock-grid h3 {padding-top: 0;}
	.page-id-55 h1, .page-id-57 h1, .page-id-59 h1  {padding-bottom: 2em;}
	.location-grid h1 {padding-bottom: 0;}
	.grey p a {line-height: 3em;}
}


@media only screen and (max-width: 767px) and (orientation: landscape) {
	.navi-menu-wrapper {top: 0;}
	.nav-container {height: 70px;}
	.logo-holder {top: 18px;}
	.navi-main-menu-button-wrapper {top: 10px;}
	.nest-button, .mobi-number {top: 70px;}
	.nest-slide-wrapper {max-width: 100%!important;}
	.nf-field-container {width: 48%; float: left; clear: none!important;}
	.nf-field-container:nth-child(odd) {margin-right: 2%;}
	.nest-close-button-wrapper {top: 10px; right: 10px!important;}
	
	.main-container {margin-top: 100px;}
	.vc_row-o-full-height {min-height: 70vh !important;}
	.footer-2 .col-md-3:nth-child(4) {margin-bottom: 0;}
	
	.wpb_single_image.vc_align_right {text-align: center!important;}
	.grey .col-sm-6 {width: 50%; float: left}
	.page-id-53 .grey .col-sm-6 {width: 100%;}
}


@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
	h1 {padding-right: 0;}
	
	.stack-header-buttons {display: none;}
	
	.footer-2 .col-md-3:nth-child(2) {width: 100%;}
	.footer-2 .col-md-3:nth-child(3) {display: none;}
	.textwidget, #media_image-2 {text-align: center; margin-bottom: 20px;}
	footer .col-sm-6 {width: 100%;}
	
	.arch-intro .col-sm-4 {width: 50%; position: reltive; height: 60vh; float: right;}
	.arch-intro .col-sm-7 {width: 50%;}
	.arch-quote .col-sm-6 {padding-left: 0;}
	.melb-grid .col-sm-4, .dock-grid .col-sm-4, .location-grid .col-sm-4 {width: 50%;}
	.dock-grid h3 {padding-top: 10em;}
	.location-grid .col-sm-7 {width: 45%;}
	.location-grid h1 {padding-bottom: 0vh;}
	.grey img {padding: 4em;}

}