html{ scroll-behavior: smooth; }
a{ color: #119cf7; }
body {
display: flex;
min-height: 100vh;
flex-direction: column;
color: #08141f; 
}
main {
flex: 1 0 auto;
}
.site-header-image {
display: block;
margin: auto;
}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
} img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
} .author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}   input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; }  #comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.commentlist,
.commentlist ul {
padding-left: 0;
}
.commentlist li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.comment > .children {
margin-top: 1rem;
margin-right: -0.625rem;
margin-bottom: -1.625rem;
} .clear{ clear: both; }
h4{ font-size: 20px; font-weight: bold; }
.navbar{ padding: 0px; background: #000; padding-right: 30px; }
.navbar .phn, .navbar .phn a{ color: #fff; font-size: 24px; }
.navbar .phn{ margin-left: auto; }
.nav-link{ color: #fff !important; }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ color: #119cf7 !important; }
.hero{ height: 600px; width: 100%; background-image: url(//www.mobilealloywheelrepairs.com.au/wp-content/themes/b4st/theme/img/hero.jpg); background-size: cover; background-position: 50%; }
.footer-hero{ background-image: url(//www.mobilealloywheelrepairs.com.au/wp-content/themes/b4st/theme/img/footer-img.jpg);  }
.hero-content{ display: flex; align-items: center; height: 600px; background: rgba(0,0,0,0.5); color: #fff; font-size: 22px;}
.btn{ color: #fff; background: #119cf7; padding: 10px 30px; border-radius: 5px; margin-top: 10px; display: inline-block; }
.hero-content .btn{ font-size: 30px; margin-top: 20px; }
.btn:hover{ color: #fff; background: #1e1ca4; }
.page-hero{ height: auto; }
.page-hero .hero-content{ height: auto; padding: 60px 0; }
.page-lead{ border-bottom: 1px dotted #000; padding-bottom: 30px; margin-bottom: 30px; }
hr{ border-top: 1px dotted #000; }
#gform_1 .gform_drop_area{ padding: 10px; }
.hero-content .col-md-7{ color: #fff; font-size: 22px; }
.before, .after{ background-size: cover; width: 50%; height: 600px; position: relative; float: left; background-position: 50%; }
.before span, .after span{ color: #fff; position: absolute; bottom: 15px; left: 15px; font-size: 20px; text-transform: uppercase; }
.segment{ padding: 60px 0; }
.whychoose svg{ font-size: 50px; }
.whychoose .col-md-2{ display: flex; align-items: center; justify-content: center; }
.whychoose .col-md-4:last-of-type{ margin-bottom: 0px; }
.testimonials{ background: #193a59; color: #fff; }
.thequote{ font-size: 24px; }
.thequoted{font-size: 32px; line-height: 42px; }
.thequoted small{ font-size: 16px; }
.thequoted .fad{ color: #fff !important;}
#contact{ background: #111; color: #fff; }
.step{ font-size: 120px; font-weight: bold; line-height: 80px; } 
.step3{color: #295986; }
.step2{color: #193a59;}
.step1{color: #08141f;}
.fad{ color: #08141f !important; }
footer{ background: #050505; padding: 15px; color: #fff; }
footer a{ color: #fff !important; }
#gform_submit_button_1{ background: #119cf7; font-size: 24px; width: 100%; border: none; padding: 10px 30px; }
.gform_wrapper ul.gform_fields li.gfield{ padding-right: 0px !important; }
.navbar{ width: 100%; }
.navbar-nav{ list-style-type: none; }
.menu-item{ padding: 15px; }
.menu-item a{ padding: 5px; color: #fff; transition: color 0.3s; }
.menu-item.btn{ margin-left: 20px; }
.open-menu{ display: none; color: #fff !important; }
#menu-main{ display: flex; width: 100%; padding-left: 0px; margin: 0px; }
.dropdown-menu{ position: absolute; background: #fff; padding: 0px; list-style-type: none; padding: 10px 0; margin-top: 10px; display: none; z-index: 9999; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); }
.dropdown-menu li{ padding: 0px; }
.dropdown-menu a{ color: #333; padding: 10px 20px; display: block; }
.navbar-collapse.show{ position:relative; opacity: 1; z-index: inherit; top: 0; }
.phone-stuff{ float: left; }
@media(max-width: 1640px){
#navbar{ flex-flow: row wrap; padding-right: 0px; }
#navbar img{ order: 1; }
#navbar .phn{ order: 2; text-align: right; padding-right: 30px; }
#navbar .btn{ order: 2; }
#menu-main{ justify-content: space-around; }
#navbar #navbarDropdown{ order: 3; width: 100%; background: #111; }
#navbar #navbarDropdown li{ border-right: 1px dotted #333; width: 100%; text-align: center; }
}
@media(max-width: 991px){
#navbar{ justify-content: space-between; }
#navbar img{ order: 1; }
#navbar .open-menu{ order: 2; }
#navbar .phn{ order: 3; width: 100%; padding-right: 0px; display: flex; align-items: center; background: #050505;}
#navbar .ortext{ display: none; }
#navbar .phn span{ display: inline-block; text-align: center;  }
#navbar .phn .btn{ width: 50%; border-radius: 0px; }
.open-menu{ margin-right: 30px; }
.hero{ height: auto;  }
.hero-content{ height: auto; padding-top: 60px; padding-bottom: 60px; }
.phone-stuff{ width: 50%;
text-align: center;}
}
@media(max-width: 767px){
.open-menu{ margin-right: 30px; }
}
@media(max-width: 523px){
.open-menu{ margin: 0px !important; width: 100%; border-radius: 0px; }
.phn{ position: fixed; bottom: 0; width: 100%; z-index: 999; }
.phn .btn{  width: 50%;}
.phn span * { font-size: 20px !important; }
body{ padding-bottom: 49px; }
}
@media(max-width: 420px){ }
.sidebox{ margin-bottom: 30px; background: #000; color: #fff; padding: 30px; }
.sidebox h4{ margin-top: 0px; }
.sidebox p:last-of-type{ margin-bottom: 0px; }
.gsection_description{ margin-top: 15px; }
nav .btn{ margin-left: 15px; font-size: 18px !important; margin-top: 0px !important; }
footer ul{ list-style-type: none; padding-left: 0px; display: flex; width: 100%; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
footer ul li{ margin-bottom: 15px; width: 33%; padding: 0 15px; }
@media(min-width: 992px){
#menu-main{
align-items: center;
}
}
@media(max-width: 991px){
.navbar-collapse{ display: block; position: absolute;top: 156px;background: #ebe4de;z-index: -1;width: 100%;left: 0;  transition: all 0.5s; }
.navbar-collapse li{ width: 100% !important; padding: 0; }
.navbar-nav{ margin: 0; padding: 0; }
.menu-item.btn{ margin-left: 0px; align-self: flex-end; }
.navbar-collapse li a{ width: 100%; display: block; text-align: center; padding: 15px; }
.open-menu{ float: right; margin-left:auto; display: block; }
#menu-main{ display: block !important; top: 0 !important; opacity: 1 !important;}
nav .collapse{ opacity : 0; z-index: -1; }
.whychoose .col-md-4{ margin-bottom: 60px; }
}
.nav-link:hover{ cursor: pointer; }
.locbar{ display: flex; justify-content: space-evenly; flex-grow: 1; padding: 10px 0; background: #090909; }
.locbar a{ color: #fff; }
#menu-item-2018{ display: none; }
@media(max-width: 767px){
.locbar{ display: none; }
#menu-item-2018{ display: block; }
}
.blackbox{ background: #050505; padding: 20px; margin-top: 10px; color: #fff; margin-bottom: 30px; }
.blackbox a{ color: #fff; border-bottom: 1px dotted #fff; text-decoration: none !important; }
.blackbox p:last-child{ margin-bottom: 0px; }
.blackbox .btn{ margin-top: 20px; }
#gform_4 label{ display: none; }
#gform_4 .gform_drop_instructions{ display: none; }
#field_4_1 label{ display: block; }
#gfield_description_4_1{ padding: 0px; }
#gform_submit_button_4{ width: 100%; }
#gform_wrapper_4, #gform_wrapper_4 .gform_footer{ padding-bottom: 0px; margin: 0px; }
#gform_4 .gform_title{ margin-top: 0px; }
.segment ol, .segment ul{ padding-left: 16px; }
.segment li{ margin-bottom: 10px; }
.question{ color: #fff !important; font-size: 20px; border-bottom: 1px dashed #fff; display: block; padding-bottom: 20px; }
.question:before{ content: "-"; display: block; float: left; margin-right: 15px; width: 36px; text-align: center; height: 36px; border: 1px solid #ffff; }
.question.collapsed:before{ content: "+"; }
.answer{ margin-bottom: 30px; }
.ortext, .ortext a{ font-size: 12px !important; text-align: center; }