.cbp-spmenu {
background: #47a3da;
position: fixed;
}
.cbp-spmenu h3 {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}
.cbp-spmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
}
.cbp-spmenu a:hover {
background: #258ecd;
}
.cbp-spmenu a:active {
background: #afdefa;
color: #47a3da;
} .cbp-spmenu-vertical {
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #258ecd;
padding: 1em;
}
.cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
} .cbp-spmenu-left {
left: -240px;
}
.cbp-spmenu-right {
right: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
} .cbp-spmenu-top {
top: -150px;
}
.cbp-spmenu-bottom {
bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
bottom: 0px;
} .cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
.cbp-spmenu-push-toright {
left: 240px;
}
.cbp-spmenu-push-toleft {
left: -240px;
} .cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
} @media screen and (max-width: 55.1875em){
.cbp-spmenu-horizontal {
font-size: 75%;
height: 110px;
}
.cbp-spmenu-top {
top: -110px;
}
.cbp-spmenu-bottom {
bottom: -110px;
}
}
@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {
font-size: 90%;
width: 190px;
}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft {
left: -190px;
}
.cbp-spmenu-right {
right: -190px;
}
.cbp-spmenu-push-toright {
left: 190px;
}
}* { border: none; margin: 0; padding: 0; }
*:hover { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
body { color: #1d1d1d; background: #EEE; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; }
a.button { display: block; font: 600 16px/40px Gotham, 'Open Sans', sans-serif; height: 40px; text-transform: uppercase; text-decoration: none; border: 2px solid #1b1b1b; color: #1b1b1b; width: 180px; text-align: center; }
a.button:hover { border: 2px solid #990000; color: #990000; }
.mobile { display: none; padding: 40px 0; } .container { margin: 0 auto; background: #fff; }
section .inside-container { padding: 40px; position: absolute; }
iframe { width: 90%; height: auto; margin: 40px 5%; background: #FFF; }
.inside-container div { padding: 0 0 40px; } h1 { font: 800 48px/48px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 40px; max-width: 500px; } 
h2 { font: 800 36px/36px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 40px; } 
h2 span { font: lighter 24px/36px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 40px; } 
h3 { font: 800 30px/30px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 40px; } 
h4 { font: 800 24px/24px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 40px; } 
h5 { font: 600 20px/20px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 20px; } 
h6 { font: 400 16px/16px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0 0 10px; } 
.grey { color: #9fa4a8; }
small { font: 400 12px/40px 'Open Sans', sans-serif; text-transform: uppercase; color: #9fa4a8; } 
p { font: 400 20px/32px 'Open Sans', sans-serif; margin: 0 0 20px; }
a { font: 600 20px/40px Gotham, 'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; } .left-col { background: #9fa4a8; position: fixed; width: 30%; }
.left-col a { display: block; background: #FFF; }
a.logo img { width: 100%; height: auto; }
ul.nav { list-style: none; background: none; padding: 40px; }
ul.nav li a { display: block; width: 100%; background: none; text-decoration: none; color: #FFF; text-transform: uppercase; text-align: right; 
font: bolder 36px/42px 'Open Sans', sans-serif; }
ul.nav li a:hover { color: #1d1d1d; } 
ul.nav li.current-menu-item a { color: #ccc; } 
ul.nav li.current-menu-item a:hover { color: #1d1d1d; } 
.mm-btn-container { background: #9fa4a8; padding: 20px 0; }
.is-sticky .mm-btn-container { padding: 0; width: 100%; }
a.mm-icon { cursor: pointer; display: block; width: 100%; background: url(//hvbc.com.au/wp-content/themes/HVBC-Woollahra/img/mm-icon-blk.png) no-repeat; width: 90px; height: 40px; text-align: right; margin: 0 auto; }
nav li { list-style: none; } .cbp-spmenu img { width: 50% !important; height: auto !important; margin: 0 25%; }
.cbp-spmenu { background: #eee; }
.cbp-spmenu-vertical a { border-bottom: 1px solid #fff; padding: 0.3em; text-align: center; }
.cbp-spmenu a { color: #1d1d1d; display: block; font-size: 1em; font-weight: 300; }
.cbp-spmenu a:hover { background: #fff; } .content { position: absolute; width: 50%; left: 30%; }
.content .inside-container > .post { float: left; display: inline-block; width: 85%; padding: 7.5%; background: #FFF; margin: 0 0 40px; }
.content .inside-container > .post img { float: left; width: 20%; height: auto; margin: 0 5% 0 0; }
.content .inside-container > .post div { float: left; width: 75%; padding: 0; }
.content .inside-container > .post div h2 { margin: 0 0 10px; }
.content .inside-container > .feature-post div h2 { margin: 0 0 30px !important; }
.content .inside-container > .feature-post div h5 { margin: 0 0 5px !important; }
.post-nav { width: 100%; text-align: center; }
.post-nav a { display: inline-block; font: 600 16px/40px Gotham, 'Open Sans', sans-serif; height: 40px; text-transform: uppercase; text-decoration: none; border: 2px solid #1b1b1b; color: #1b1b1b; width: 140px; text-align: center; padding: 0; margin: 0 10px; }
.post-nav a:hover { border: 2px solid #990000; color: #990000; } .right-col { position: fixed; width: 20%; left: 80%; background: #fff; }
.right-col a img { width: 100%; height: auto; }
.right-col a img:hover { opacity: 0.7; filter: alpha(opacity=70);  }
.right-col .contact { float: left; margin: 40px 0; } .footer { background: #2d2d2d; position: fixed; bottom: 0; z-index: 1; width: 100%; height: 40px; text-align: center; margin: 0; }
.footer .inside-container { padding: 0 40px; margin: 0 auto; width: 100%; } table { margin: 40px 0; font: 400 24px/32px 'Open Sans', sans-serif; margin: 40px 0; border-collapse: collapse; width: 100%; }
tr { height: 80px; }
tr:nth-child(1) { background: #1d1d1d; color: #FFF; }
tr:nth-of-type(2n) { background: #FFF; }
td { padding: 0 20px; } form { float: left; width: 100%; margin: 40px 0; }
form div:nth-of-type(2n) { float: left; width: 49%; margin: 0 0 40px 0; }
label { width: 100%; font: 400 16px/16px Gotham, 'Open Sans', sans-serif; text-transform: uppercase; display: block; margin: 0 0 10px; }
input { width: 96%; padding: 0 2%; font: 400 20px/50px 'Open Sans', sans-serif; height: 50px; -moz-box-shadow: inset 0 0 2px #ccc; -webkit-box-shadow: inset 0 0 2px #ccc; box-shadow: inset 0 0 2px #ccc; background: #e7e7e7; }
select { width: 100%; display: block; padding: 0 2%; font: 400 16px/50px Gotham, 'Open Sans', sans-serif; text-transform: uppercase; height: 50px; -moz-box-shadow: inset 0 0 2px #ccc; -webkit-box-shadow: inset 0 0 2px #ccc; box-shadow: inset 0 0 2px #ccc; background: #e7e7e7; }
option { display: block; padding: 10px 2%; font: 400 16px/50px 'Open Sans', sans-serif; text-transform: uppercase; }
textarea { width: 98%; padding: 10px 1%; font: 400 18px/24px 'Open Sans', sans-serif; -moz-box-shadow: inset 0 0 2px #ccc; -webkit-box-shadow: inset 0 0 2px #ccc; box-shadow: inset 0 0 2px #ccc; background: #e7e7e7; color: #1b1b1b; min-height: 250px; }
button { display: block; font: 600 20px/50px Gotham, 'Open Sans', sans-serif; height: 50px; text-transform: uppercase; text-decoration: none; border: 2px solid #1b1b1b; 
color: #1b1b1b; width: 180px; text-align: center; margin: 40px 0 0; float: right; }
button:hover { border: 2px solid #990000; color: #990000; } .gform_wrapper { float: left; }
.gform_body { float: left; width: 100%; margin: 40px 0; }
.gform_fields { list-style: none; }
form div { float: left; width: 49%; margin: 0 2% 40px 0; padding: 0 !important; }
.gform_body li { float: left; width: 49%; margin: 0 2% 0 0; padding: 0 !important; }
.gform_body li:nth-of-type(2n) { width: 49%; margin: 0; }
.ginput_container { float: left; width: 100%; }
#field_2_6 { width: 100%; }
.gform_footer { float: left; width: 100% !important; }
.gform_button { display: block; font: 600 16px/16px Gotham, 'Open Sans', sans-serif; height: 50px; text-transform: uppercase; text-decoration: none; 
border: 2px solid #1b1b1b; color: #1b1b1b; width: 180px; text-align: center; float: right; }
.gform_button:hover { border: 2px solid #990000; color: #990000; } @media only screen and ( min-width: 1280px ) { .left-col { background: #9fa4a8; position: fixed; width: 25%; }
.content { position: absolute; width: 55%; left: 25%; }
}
@media ( min-width: 1024px ) and ( max-height: 1600px ) { ul.nav li a { font: bolder 22px/30px 'Open Sans', sans-serif; } h5 { font: 600 16px/20px 'Open Sans', sans-serif; } 
h6 { font: 400 14px/16px 'Open Sans', sans-serif; margin: 0 0 5px; } 
p { font: 400 1em/1.6em 'Open Sans', sans-serif; } table { font: 400 16px/22px 'Open Sans', sans-serif; }
tr { height: 60px; }
td { padding: 0 10px; }	
}
@media ( min-height: 600px ) and ( max-height: 880px ) { .right-col a img { width: 70%; margin: 0 15%; height: auto; }
.right-col h5 { font: 600 14px/18px 'Open Sans', sans-serif; } 
.right-col h6 { font: 400 12px/14px 'Open Sans', sans-serif; margin: 0 0 5px; } 
}
@media ( min-height: 768px ) and ( max-height: 880px ) { ul.nav li a { font: bolder 26px/40px 'Open Sans', sans-serif; }
}
@media only screen and ( max-width: 1200px ) { .content .inside-container > .post { width: 70%; padding: 15%; }
.content .inside-container > .post div { float: left; clear: both; width: 100%; }
.post img { display: none; }
}
@media only screen and ( max-width: 1024px ) { ul.nav li a { font: bolder 26px/40px 'Open Sans', sans-serif; } h5 { font: 600 16px/20px 'Open Sans', sans-serif; } 
h6 { font: 400 14px/16px 'Open Sans', sans-serif; margin: 0 0 5px; } 
p { font: 400 1em/1.6em 'Open Sans', sans-serif; } table { font: 400 16px/22px 'Open Sans', sans-serif; }
tr { height: 60px; }
td { padding: 0 10px; } form div { float: left; width: 100% !important; margin: 0 0 20px !important; }
label { font-size: 0.8em; margin: 0 0 5px; }
input { width: 94%; padding: 0 3%; font: 400 0.9em/40px 'Open Sans', sans-serif; height: 40px; }
select { width: 100%; padding: 0 3%; height: 40px; font: 400 0.9em/40px 'Open Sans', sans-serif; }
option { font-size: 0.9em; padding: 10px 3%; }	
textarea { width: 94%; padding: 5px 3%; font: 400 0.9em/40px 'Open Sans', sans-serif; }
}
@media ( min-width: 640px ) and ( max-width: 960px ) { .left-col { display: block !important; top: 0; left: 0; }
.mobile { display: block; margin-left: 30%; }
.footer { display: none !important; }
.desktop { display: none; }
.mob-header { display: none; padding: 0; }
.cbp-spmenu img { height: 100%; width: auto; }
.inside-container { padding: 40px; background: #EEE; float: left; }
.askmatt { display: block; width: 80%; height: 80px; float: left; background: url(//hvbc.com.au/wp-content/themes/HVBC-Woollahra/img/matt-vector.png) 90% no-repeat #FFF; padding: 5% 10%; margin: 0 0 40px;
font: 400 40px/80px Gotham, 'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; color: #1d1d1d; } ul.nav { padding: 20px; }
ul.nav li a { font: bolder 24px/40px 'Open Sans', sans-serif; } small { font-size: 0.7em; line-height: 0.7em; color: #1d1d1d; } .mob-content .inside-container > .post { float: left; display: inline-block; width: 80%; padding: 10%; background: #FFF; margin: 0 0 20px; }
.mob-content .inside-container > .post:first-child { margin: 0 0 20px; }
.mob-content .inside-container > .post:last-child { margin: 0 0 20px; }
.mob-content .inside-container > .post img { float: left; width: 100%; height: auto; margin: 0 5% 0 0; display: none; }
.mob-content .inside-container > .post div { float: left; clear: both; width: 100%; padding: 0; }
.mob-content .inside-container > .post div h2 { margin: 0 0 10px; font-size: 1.2em; line-height: 1.2em; }	
.mob-content .inside-container > .post div h6 { margin: 0 0 10px; } form { width: 80%; margin: 40px 10%; }
form div { margin: 0 0 30px !important; padding: 0 !important; }
}
@media only screen and ( max-width: 639px ) { .mobile { display: block; }
.footer { display: none !important; }
.desktop { display: none; }
.mob-header { display: block; width: 100%; }
body.page .mob-header { padding: 0; }
.cbp-spmenu img { height: 100%; width: auto; }
.content { width: 100%; position: static; float: left; }
.right-col { width: 100%; position: relative; }
.mob-footer { float: left; display: block; width: 100%; padding: 40px 0 0; }
a.button { width: 100%; text-align: center; font-size: 0.8em; }
.inside-container { margin: 40px 10%; }
.inside-container div { padding: 0; }
.mob-header .inside-container { margin: 0 10%; }
body.page-news .mobile { float: left; }
body.page-news .mob-content { padding: 0; } .askmatt { display: block; width: 80%; height: 80px; float: left; background: url(//hvbc.com.au/wp-content/themes/HVBC-Woollahra/img/matt-vector.png) 90% no-repeat #FFF; padding: 5% 10%; margin: 0 0 40px;
font: 400 24px/80px Gotham, 'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; color: #1d1d1d; } h1 { font-size: 2em; line-height: 1em; margin: 0 0 40px; }
h2 { font-size: 1.4em; line-height: 1em; }
h2 span { font-size: 0.7em; line-height: 1em; display: block; margin: 0 0 5px; }
h5 { font-size: 0.8em; line-height: 1em; }
h6 { font-size: 0.7em; line-height: 0.7em; margin: 0 0 5px; }
p { font-size: 0.9em; line-height: 1.6em; }
small { font-size: 0.7em; line-height: 0.7em; color: #1d1d1d; } .mob-content .inside-container > .post { float: left; display: inline-block; width: 80%; padding: 10%; background: #FFF; margin: 0 0 20px; }
.mob-content .inside-container > .post:first-child { margin: 20px 0; }
.mob-content .inside-container > .post:last-child { margin: 0; }
.mob-content .inside-container > .post img { float: left; width: 100%; height: auto; margin: 0 5% 0 0; display: none; }
.mob-content .inside-container > .post div { float: left; clear: both; width: 100%; }
.mob-content .inside-container > .post div h2 { margin: 0 0 10px; font-size: 1.2em; line-height: 1.2em; }	
.mob-content .inside-container > .post div h6 { margin: 0 0 10px; } table { font: 400 16px/22px 'Open Sans', sans-serif; overflow: scroll; }
tr { height: 60px; }
td { padding: 0 10px; } form div { float: left; width: 100% !important; margin: 0 0 20px !important; }
label { font-size: 0.8em; margin: 0 0 5px; }
input { width: 90%; padding: 0 5%; font: 400 0.9em/40px 'Open Sans', sans-serif; height: 40px; }
select { width: 90; padding: 0 5%; height: 40px; font: 400 0.9em/40px 'Open Sans', sans-serif; }
option { font-size: 0.9em; padding: 10px 5%; }
textarea { width: 90%; padding: 5px 5%; font: 400 0.9em/40px 'Open Sans', sans-serif; }
button { width: 100%; }
}