/*

Theme Name: Munio 
Theme URI: https://project.studio
Author: Joshua Hall
Author URI: https://project.studio
Description: Cabana Bar Custom Theme powered by Project Studio.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.01
*/

@font-face {
	font-family: 'Bebas Neue Regular';
	src: url('/wp-content/themes/Munio/fonts/BebasNeue-Regular.woff2') format('woff2'),
		url('/wp-content/themes/Munio/fonts/BebasNeue-Regular.woff') format('woff'),
		url('/wp-content/themes/Munio/fonts/BebasNeue-Regular.ttf') format('truetype'),
		url('/wp-content/themes/Munio/fonts/BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Courier Std';
	src: url('/wp-content/themes/Munio/fonts/CourierStd.woff2') format('woff2'),
		url('/wp-content/themes/Munio/fonts/CourierStd.woff') format('woff'),
		url('/wp-content/themes/Munio/fonts/CourierStd.ttf') format('truetype'),
		url('/wp-content/themes/Munio/fonts/CourierStd.svg#CourierStd') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Bebas';
	src: url('/wp-content/themes/Munio/fonts/Bebas.woff2') format('woff2'),
		url('/wp-content/themes/Munio/fonts/Bebas.woff') format('woff'),
		url('/wp-content/themes/Munio/fonts/Bebas.ttf') format('truetype'),
		url('/wp-content/themes/Munio/fonts/Bebas.svg#Bebas') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Manrope-ExtraLight';
	src: url('/wp-content/themes/Munio/fonts/Manrope-ExtraLight.woff2') format('woff2'),
		url('/wp-content/themes/Munio/fonts/Manrope-ExtraLight.woff') format('woff'),
		url('/wp-content/themes/Munio/fonts/Manrope-ExtraLight.ttf') format('truetype'),
		url('/wp-content/themes/Munio/fonts/Manrope-ExtraLight.svg#Manrope-ExtraLight') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {scroll-behavior: smooth;}

.col1{width: 8.33%;}
.col2{width: 16.66%;}
.col2-5{width: 20.00%}
.col3{ width: 25%;}
.col4{width: 33.33%;}
.col5{width: 41.33%;}
.col6{width: 50%; position: relative;}
.col7{width: 58.33%;}
.col8{width: 66.66%;}
.col9{width: 75%;}
.col10{width: 83.88%;}
.col11{width: 91.66%;}
.col12{width: 100%;}

.flex {display: flex;}
.column { display: flex; flex-direction: column;}
.center { display: flex; align-items: center;justify-content: center;}
.left { float: left; justify-content: left }
.right { float: right; justify-content: right }

.desktop {display: block;}
.mobile {display: none !important;}
/* Typography */

a { cursor: pointer;}
a:hover { text-decoration: underline;}

h1, h2, h3, h4, h5, h6 { z-index: 99}
h1, h1 p {font-family: 'Bebas Neue Regular';font-weight: 200; font-size: 32px;}
h2, h2 p {font-family: 'Manrope-ExtraLight',sans-serif;font-size: var(--xlarge); width: fit-content; font-weight: 100;text-align: center;line-height: 1.1;}
h3, h3 p {margin: 0;font-family: 'Bebas Neue Regular';font-weight: 800; letter-spacing: 0;font-size: var(--xlarge);color: var(--grey);}
p, body {font-family: 'Manrope-ExtraLight',sans-serif;font-weight: 100;font-size: 14px;line-height: 1.5; letter-spacing: 0.25px;}
body { margin: 0;padding: 0;}
span {line-height: 1.4;}
label {color: var(--tan) !important;font-size: 12px !important; letter-spacing: 0.5px !important;}
iframe {border: 0;}

img, svg {width: 100%;height: auto;}
li, ul {list-style: none; padding: 0;}

.hide { display:none; transition: opacity 0.7s ease-in; opacity: 0;}

/* Colours */
:root {
	--white: #fff;
	--black: #000;
	--tan: #c68b66;
	--grey: #3d3935;
	--xsmall: 20px;
	--small: 24px;
	--large: 28px;
	--xlarge: 32px;
	--xxlarge: 42px;

}
.white { color: var(--white);}
.whitebg { background: var(--white);}
.tan, .tan p { color: var(--tan);}
.tanbg { background: var(--tan);}
.grey ,.grey p{ color: var(--grey);}
.brickbg { background: url(../Munio/images/Brick.jpg);background-size: cover; width: 100%; height: 100%;}


/* Input */
.gform_wrapper.gravity-theme .ginput_complex span { background: var(--grey);}
input, input.text, input.title, input[type=email], input[type=password], input[type=number], input[type=tel], input[type=text], select, textarea, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-border-radius:0;  background-color: transparent; border-bottom: 2px solid var(--white); padding: 15px 10px !important; color: var(--white) !important;  border-radius: 0; box-sizing: border-box; font-family: manrope,sans-serif; text-transform: uppercase;letter-spacing: 1px; font-size: 15px; border-left: 0; border-right: 0; border-top: 0; }
input[type=submit] { background: var(--tan); font-size: 14px;float: right;  margin: 0; padding: 7px 20px;}
input::-webkit-input-placeholder, ::-webkit-input-placeholder, ::-webkit-placeholder, ::-ms-input-placeholder, ::placeholder , ::input-placeholder {  -webkit-appearance: none; background-color: transparent; color: var(--white) !important;}
::placeholder  { -webkit-appearance: none; background: var(--grey);  color: var(--white) !important; -webkit-appearance: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px var(--tan) inset !important;
}

/* Buttons */
.button { width: auto; border: 1px solid var(--darkblue); display: inline-block; color: var(--darkblue); text-align: center; padding: 7px 20px; font-size: 12px;box-sizing: border-box; text-transform: uppercase; text-decoration: none;letter-spacing: 1px; cursor: pointer;}
.button:hover {background: var(--darkblue); color: var(--white);text-decoration: none}
.button a { color:#13499E; text-decoration: none}
.enqbutton {background: var(--tan);}
.enqbutton:hover {background: var(--black);}
.enqbutton a { padding: 10px 20px !important;}
.enqbutton:hover a { color: var(--tan);}
/* Menu */
header { width: 100%; margin: 0 auto; padding: 0 5%;z-index: 100; position: fixed;  top: 0; left: 0; right: 0; background: var(--grey);  box-sizing: border-box;}
header .row {padding: 5px 0 ; justify-content: space-between; display: flex !important}
.menu { display: flex;padding: 15px 0;margin: 0; align-items: center; transition: all 0.3s ease-in;}
.small .menu {padding: 5px 0; transition: all 0.3s ease-in;}
.menu-item {margin: 0 15px; position: relative; font-family:'Bebas Neue Regular',sans-serif; }
.menu-item:hover { color: var(--tan);}
.menu-item a:hover { color: var(--tan); }
.menu-item a {color: var(--white); padding: 10px 0; text-decoration: none; text-transform: uppercase;font-size: var(--large); letter-spacing: 1px;}
.menu-item .active:after {display:none;}
.menu-item-has-children {margin-right: 20px;} 
.menu-item-has-children::after {content: '';position: absolute;right: -12px;  width: 0; height: 0; top: 0;bottom: 0;border-right: transparent 4px solid; border-left: 4px solid transparent; border-top: 4px solid var(--darkblue); margin: auto;}
.menu-item-has-children:hover::after {border-top: 0px solid transparent; border-bottom: 4px solid var(--white);}

.sub-menu {display: none;}
.sub-menu.active { position: absolute;top: 25px; display: block; z-index: 9999; background: var(--white); padding: 5px 0;}
.sub-menu .menu-item { width: max-content; padding: 10px;}
.sub-menu .menu-item:hover {text-decoration: underline;}

.logocontainer { width: 250px;  position: absolute; left: 0; right: 0; margin: auto; top: 60px; z-index: 99;}
.sitelogo {transition: opacity 0.7s ease-in;}
.sitelogo  .cls-1 {fill: #ffffff2b !important; stroke-width: 0; fill-opacity: 1;}
.sitelogo .cls-1 { fill: #f5f5f514 !important; stroke-width: 0; fill-opacity: 1;}
.sitelogo svg {width: auto; height: 40px; transition: all 0.3s ease-in;}
.small .sitelogo svg {height: 20px; transition: all 0.3s ease-in;}
.small .sitelogo svg .cls-1 {fill: var(--tan) !important; transition: all 0.3s ease-in;}
.secondary-menu {width: auto;align-items: center;}

/* Preloader */
#loader-wrapper { background: var(--grey); width: 100%; height: 100%;position: fixed; overflow: hidden; top: 0;left: 0;z-index: 9999; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.loaded #loader {opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.loaded #loader-wrapper { display: none; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
#loader { z-index: 1001; }
#loader svg {animation: fade 1s ease-in; width: 20%;position: absolute; left: 0; right: 0; top: 0; bottom: 0;margin: auto;}



/* Home Page */
.page-container {position: relative;}
section, .buildings {height: auto; max-width: 100% !important; width: 100% !important; background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/Paper_BG.png) #3d3935;  display: inline-block;  background-size: auto; background-blend-mode: multiply;}
.container { margin: 0 auto; width: 100%; padding: 0;}
.row {height: 100%;display: flex; justify-content: center;align-items: center;}
.pin {width: 100%;height: 100%;}

.welcome {height: 100%;display: flex; margin-top: 80px; position: relative;}
.intro .row {display: flex; flex-direction: column; width: 66vw; margin: 0 auto;padding: 80px 0;}

.hero, .herohover {height: 100%;position: absolute; z-index: 1;transition: 1s ease-in all;}
img.herohover {top: 0; width: 100%;height: 100%; position: relative; bottom: 0;z-index: 0;}
.hero:hover {opacity: 0;transition: 1s ease-in all;}
img.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 25%; height: fit-content;}
.icon {width: 50px;height: 50px;}
.full {background-attachment: fixed;}


.hslider { line-height: 0; display: block; height: 100vh;}
.slick-slide img {min-height: 100vh;}

.highlights {padding: 140px 0;}
.featureimage { height: auto; width: 500px;float: right; position: relative; z-index: 9;}
.featureimage:after {content: ''; position: absolute; background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/Brick_Column.jpg); width: 300px; height: auto; display: block;  top: -50px; bottom: -50px; right: 0; z-index: -1;  background-size: cover;}
.floatelem {position: absolute; top: 0;left: 33%;}
.features {display: flex;margin-top: 20px; flex-wrap: wrap;}
.features .flex {margin: 0 2% 30px;width: 29.3%; align-items: center; flex-direction: column; align-content: center;text-align: center;}
.features .col9 {width: 100%;}
.textarea { height: 100%; align-items: flex-start;justify-content: center; padding:0 5% 0 10%;flex-direction: column;box-sizing: border-box;}
.progress.white { height: -webkit-fill-available; width: 2px; position: absolute; left: 70px; background: #fff; top: 0;}
.masterprogress {width: 100%; position: fixed; bottom: 0;left: 0;  height: 10px; background: #000; z-index: 99;}
.red {height: 0; width: 100%; background: var(--tan);}
.masterred {width: 0; height: 100%; background: var(--tan);}


.location {padding: 120px 0; position: relative; z-index: 0;}
.location:after {content: ''; position: absolute; background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/BrickTile.jpg);top: 30px; bottom: 30px; margin: auto; width: 50%; height: 75vh;z-index: -1;}
.location .row {display: flex;align-items: center;}
.location .col4 { width: 31.33%;margin: 0 2% 0 0px; overflow: hidden;}
.locationimg {width: auto;object-fit: none; height: 500px;}

.history { position: relative;padding: 120px 0; z-index: 0;background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/Paper_History.png) #3d3935; background-size: contain;}
.historyimg { width: 100%; float: right;}
.history:after {content: ''; position: absolute; background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/BrickTile.jpg); width: 300px; height: auto; display: block;  top: 50px; bottom: 50px; right: 0; z-index: -1;  background-size: cover;}


.keating, .incubaker, .stables {padding:80px 0; position: relative; z-index: 0;}
.status { background: var(--tan);padding: 6px 12px 4px; width: fit-content; line-height: 1;margin: 0; font-size: 15px;letter-spacing: 1px; margin-bottom: 10px;}
.leased { background: #979797;color: #fff;}
.gallery {display: grid;}
.gallery img:nth-child(1) {width: 96%; margin: 2%; height: 96%;object-fit: cover;}
.gallery img:nth-child(3) { width: 96%; margin: 2%; height: 96%;object-fit: cover;}
.gallery img:nth-child(2) { width: 96%;margin: 2%; height: 98%; grid-row: 1/3;grid-column: 2/3;object-fit: cover;}
.incubaker .gallery img:nth-child(1) {width: 96%;margin: 2%; height: 98%;grid-row: 1/3;object-fit: cover; grid-column: 1;}
.incubaker .gallery img:nth-child(2) {width: 96%; margin: 2%;height: 96%; grid-column: 2;object-fit: cover; grid-row: auto;}
.incubaker .gallery img:nth-child(3) {width: 96%;margin: 2%;height: 96%; grid-column: 2;object-fit: cover; grid-row: auto;}

.keating:after, .stables:after { content: '';position: absolute; background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/BrickTile.jpg); top: 0; bottom: 0; margin: auto; width: 40%;height: 90%; z-index: -1;}
.incubaker:after { content: ''; position: absolute; background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/BrickTile.jpg); top: 0; bottom: 0; margin: auto; right: 0;width: 40%; height: 90%; z-index: -1;}

.label:hover > path {fill: #000;}


.slidecontainer:first-of-type {display: block;}
.slidecontainer {display:none;width: 70%;margin: auto; height: fit-content;display: flex;align-items: center; justify-content: center;}
.slider { display:inherit; height: 100vh; width: 100%; background-attachment: fixed; background-position: top;}
.slideimg { position: absolute;  transition: transform 2s cubic-bezier(0.47, 0, 0.75, 0.72); transform: translate(0px, 0px);} 
.bottom .slideimg { transition: transform 2s cubic-bezier(0.47, 0, 0.75, 0.72); transform: translate(0px, -200px);}
.scroller { height: 100vh; display: flex;flex-direction: column; justify-content: center; align-items: center;}
.point {width: 100%;background: var(--grey);}
.split.left { background-size: 100% !important; background-repeat: no-repeat !important; background-position: center !important;}
.centered {position: absolute; top: 0; bottom: 0; margin: auto; width: 80%; height: fit-content; left: 0; right: 0;}

.agent { display: flex; flex-direction: column; margin-top: 20px; color: var(--white);}
.agent a { text-decoration: none;color: var(--white);}
.agentlogo img, .agentlogo svg { height: 40px; width: auto;  display: inline-block;}
.cbre svg { width: 100px;}
.name { font-weight: 600;}
.copyrightcontainer { display: flex; flex-direction: row;width: 91.88%; padding: 20px 0;}
.copyright {margin-top: 60px; display: inline-block; color: var(--white);}
.credit {margin-top: 40px; transition: all 1s ease;  color: var(--white);display: flex;justify-content: flex-end;}
.credit .pslogo {width: 65px; margin: 0 20px;}
.credit .row a { display: flex; align-items: center;  color: var(--white); align-content: center; text-decoration: none;}
.dull { font-size: 12px;  color: var(--white);}
.pslogo .cls-1 {fill: var(--white);}

.offset { bottom: -100px !important;}
/* Footer */
.enquiry {background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/Brick.jpg);}
.enquiry .greybg {background: var(--grey);width: 90%;margin: 60px auto;}
.footerheader { margin: 40px auto; line-height: 1;}
.footerheader h1 {color: var(--white); margin: 5px auto; font-size: 40px; width: fit-content;}
.footerheader div{border-style: solid solid none !important; border: 2px solid var(--tan);}
.footerheader .col3 { border-right: 1px;}

g#CBRE path {fill: #fff;}
footer a { color: var(--darkblue); margin-bottom: 5px}
.footer {margin: auto;height: inherit;display: flex;align-items: center;align-content: center; justify-content: center;
	flex-direction: column;}
.footer .row {column-gap: 80px;  height: auto;}
footer .menu-item { margin: 0 7px 0 0;}


@keyframes fade{
	0% { opacity:  0 ; transform:scale(0); }
	100% { opacity:  1; transform:scale(1);}}
@-moz-keyframes fade{
	0% { opacity:  0 ; -moz-transform:scale(0); }
	100% { opacity:  1; -moz-transform:scale(1);}}
@-webkit-keyframes fade {
	0% { opacity:  0 ; -webkit-transform:scale(0); }
	100% { opacity:  1; -webkit-transform:scale(1);}}
@-o-keyframes fade {
	0% { opacity:  0 ; -o-transform:scale(0); }
	100% { opacity:  1; -o-transform:scale(1);}}
@-ms-keyframes fade {
	0% { opacity:  0 ; -ms-transform:scale(0); }
	100% { opacity:  1; -ms-transform:scale(1);}}


@media (max-width:578px){

	.desktop {display: none !important;}
	.mobile {display: block !important;}


	.hamburger, .hamburgersub {
		padding: 0;
	}
	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after,
	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background:  var(--tan);}
	.hamburgersub span::before, .hamburgersub span::after, .hamburgersub .hamburger-inner { background: var(--grey) !important;}

	.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after { width: 30px; height: 3px;}
	.hamburger-box {width: 30px; height: 30px;}
	.hamburgersub{background: transparent; border: 0;}
	.menuslide { width: 100%; left: 0; display: none; position: fixed; z-index: 9999; top: 60px !important; background: #424242;}
	@media (max-width: 1023px){
		.menuslide.topalign{top:155px !important}
	}
	header { height:60px}
	header .mobile {  display: flex !important; flex-direction: row; height: 60px; align-content: center;}
	.menu {flex-direction: column;}
	.menuslide1 {width: 100%; left: 0; display: none; position: fixed; z-index: 9999; top: 177px !important;background: var(--grey);}
	.menuslide .sub-menu {display: none;}
	.sub-menu.activemobile { display: block !important; background:  var(--grey); padding: 1px 0;}
	.sub-menu .sub-menu.activemobile {display: block !important;background:  var(--grey); padding: 1px 0; left: 0 !important;position: inherit !important;}
	.menuslide ul > li > a, .menuslide1 ul > li > a {margin: 15px !important; padding: 0 !important;  display: block;color: #fff; font-size: 16px;}
	.menuslide  .sub-menu li a {padding: 0 !important; text-transform: capitalize}
	.second-level.menu-item {margin: 15px 0 !important;}
	.toggle {display: none;background:transparent}
	.toggle.active { background:transparent; transition: 0.3s ease-in all;}
	.toggle.active svg {transform: rotate( 45deg);transition: 0.3s ease-in all;}
	.menuslide .menu-item , .menuslide1 .menu-item{  position: relative; color: #fff; font-size: 14px;}
	.menuslide li.first-level > .toggle{display: block; position: absolute; right: 20px;top: 0;bottom: 0;padding: 2.5px; width: 20px; height: 20px; z-index: 999999999;}
	.menuslide li.second-level > .toggle { display: block;position: absolute; right: 20px; top: 2px; bottom: 0; color: #fff; padding: 2.5px; width: 20px; height: 20px; z-index: 999999999;}
	.second-level a {width: 70%;}

	input, input.text, input.title, input[type=email], input[type=password], input[type=number], input[type=tel], input[type=text], select, textarea, input:-internal-autofill-selected {  -webkit-appearance: none; padding: 0; background-color: transparent;}
	::placeholder  { color: var(--grey) !important; -webkit-appearance: none; background-color: transparent;}
	#loader svg { width: 60%;}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width:100% !important;}
	.container{ width:90%; margin:0 auto}
	h2, h2 p { font-size: 36px; font-family: 'Bebas Neue Regular';}
	h3, h3 p { font-size: var(--large); line-height: 1; margin-bottom: 5px;}

	.welcome {margin-top: 60px;}
	.row.flex { flex-direction: column;}
	.intro .row { width:90%; padding:40px 0}
	.intro .row h2 { text-align: center; margin-top: 0;  font-family: 'Manrope-ExtraLight' !important; font-size: var(--large) !important;}
	.intro .row h3 { font-size: 20px;}
	.textarea { padding: 0;width: 80%; margin-top: 20px;  text-align: left;}
	.textarea h3, .location h3 {  text-align: left; color: var(--tan);}
	.status {  color: #fff !important;}
	.highlights {padding: 40px 0;}
	.history { padding: 40px 0;background: url(https://bakersgrounds.com.au/wp-content/uploads/2021/12/Paper_BG.png) #3d3935;}
	.featureimage { width: 100%;margin: 20px auto;}
	.featureimage:after, .location:after, .history:after, .incubaker:after, .keating:after, .stables:after {display:none;}
	.features .flex {width: 43.3%;}
	.features {margin-top: 40px;}
	.location {padding: 40px 0;}
	.location .col4 { margin: 10px 0;}
	.gallery {display: inline-block;}
	.stables .row.flex, .keating .row.flex {flex-direction: column-reverse;}
	.historyimg {margin: 20px 0 0;}
	.keating, .incubaker, .stables {padding: 40px 0;}
	.footerheader .col3 {border: 0;}
	.footerheader .col9 { display: none;}
	.flex.agents {flex-direction: column;}
	.agents .col6:nth-child(2) {margin-top: 40px;}
	.footerheader h1 { text-align: left;width: 100%}
	.copyrightcontainer {display: flex !important;  flex-direction: column;text-align: center;align-items: center;}
	.credit { margin-top: 20px;justify-content: center;}
}

@media (min-width:1500px) {
	body { background: #342e28;}
	.page-container { max-width: 70vmax;  margin: 0 auto;}
	
}