/*======================================
Theme Name: Top Tradie Websites
Theme URI: https://divicake.com/
Description: APlusMobileRoadworthy
Version: 1.0
Author: Adam Petford
Author URI: https://adampetford.com.au
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* APLUS MOBILE ROADWORTHY */


/*-------------Jumping Header fix------*/

@media screen and (min-width: 981px) {
#page-container {
top: 139px !important;
padding-top: 139px !important;
}


body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header, body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
    top: 97px;
}

body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
    top: 65px;
}

}

/*-------------Logo------*/

#logo {
 
    max-height: 212px;
    margin-top: -110px;
	margin-left: -35px;
    } 
	
@media (max-width: 1114px){
	
#logo {
    max-height: 186px;
}
}


	
.et-fixed-header #logo {
    max-height: 212px;
    margin-top: -110px;
}

/*--------------- Remove Shadow------------------------ */

 #main-header {
        z-index: 99999!important;
    }

@media (min-width: 981px){
#main-header.et-fixed-header {
    box-shadow: 0 0 0px rgba(0,0,0,.0)!important;
    -moz-box-shadow: 0 0 0px rgba(0,0,0,.0)!important;
    -webkit-box-shadow: 0 0 0px rgba(0,0,0,.0)!important; 
}}

#main-header  {
	    box-shadow: 0 0px 0 rgb(0 0 0 / 10%)!important;
    -moz-box-shadow: 0 0px 0 rgba(0,0,0,.1)!important;
    -webkit-box-shadow: 0 0px 0 rgb(0 0 0 / 10%)!important;
}

/*--------------- Top Header------------------------ */

#top-header {
    z-index: 9;
	
	
}

.top-phone {
    background: #56D42B;
    padding: 0px 0px 0px 5px;
    border-radius: 10px;
	margin-right: -1px!important;
}

.top-phone:hover {
    background: #ffffff;
	border: #56D42B solid 1px;
}

.top-email:hover {
    background: #ffffff;
	border: #56D42B solid 1px;
}

#top-header a:hover {
    color: #56D42B;
}
#top-email a:hover {
    color: #56D42B;
}

.top-email {
	background: #56D42B;
	  padding: 0px 0px 0px 10px;
    border-radius: 10px;
}

.top-email:before {
    font-family: 'ETmodules';
    margin-top: 10px;
    content: "\e076";
	color: #ffffff;
    font-size: 25px;
    float: left;
}


.top-phone:before {
	font-family: 'ETmodules';
    margin-top: 10px;
    content: "\e090";
    margin-left: 7px!important;
    color: #ffffff;
    font-size: 25px;
    float: left;
}

.top-phone:hover:before {
    color: #56D42B;
}

.top-email:hover:before {
    color: #56D42B;
}

#et-secondary-menu>ul>li a {
    padding-bottom: -0.25em;
    padding: 10px 10px 10px 1px;
    margin-left: 40px;
    display: block;
}

/*--------------- Responsive Top Header / menu------------------------ */

@media (max-width: 1231px) {
.et_fullwidth_nav #main-header .container {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
}

/*--------- Main Menu ---------*/


.nav li ul {
	    border-top: 3px solid #56d42b!Important;
}
	
.nav li ul {
    padding: 0px;
    width: 250px;
}
 
#top-menu li li {
    padding: 0px;
}
 
#top-menu li li a {
    width: 250px;
   
}

#top-menu li {
    padding-right: 0px;
}

#top-menu li li a:hover {
    background: #56d42b;
    opacity: 1;
	color: white!important;
	padding-right: 10px;
}



.et_header_style_left #et-top-navigation nav>ul>li>a:hover {
    background: #56d42b;
    color: white!important;
    opacity: 1!important;
}



.et_header_style_left #et-top-navigation {
    padding-top: 0px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 0px!important;
}
 
 
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding: 30px 15px!important;
}

@media (max-width: 1138px) {
	.et_header_style_left #et-top-navigation nav>ul>li>a

	{
    padding: 30px 5px!Important;
}

}


#top-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "3";
    font-size: 20px;
    position: absolute;
    right: 11px;
    top: 45px;
    font-weight: 800;
}


/*----------Mobile Menu-----*/

@media (max-width:980px){
	#main-header {
    border-bottom: 3px #56d42b solid;
}

#logo {
    max-height: 133%!important;
	margin-top: -11px!important;
}

    
.mobile_menu_bar:before {
    top: 20px;
    background: #56d42b;
	color: #ffffff !important;
    font-size: 40px;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    padding: 35px 5px 5px 55px;
}

.et_mobile_menu {
    border-top: 2px solid #56d42b!important;
    padding: 20px;
    background-color: #ffffff;
}
 
.et_mobile_menu li a {
    border-bottom: 1px solid rgb(0 0 0 / 32%);
    color: #000000;
    padding: 10px 5%;
    display: block;
}

@media (max-width: 980px)
{
	
   #main-header .container {
   width: 100%;
}


.top-email {
	width: 100%!important;
	    margin-left: 0px;
		padding: 0px 0px 0px 0px;
		
}


.top-email a {
	 visibility: hidden;
    position: relative;
}

.top-email a:after {
  visibility: visible;
    position: absolute;
    top: 8px;
    left: 49px;
	color: #ffffff;
	font-size: 16px!important;
    content: "Email US";
}


.top-phone {
	width: 100%!important;
	margin-left: 0px;
	margin-bottom: 10px;
	}

.top-phone a {
	font-size: 16px!important;
	color: #ffffff!important;
	text-align: left;
	padding-left: 16px;
	margin-top: 16px;
}
.top-phone:before {
	margin-right: 10px;
	margin-top: 11px;
}

.top-email:before {
	margin-left: 8px;
	
}}}

/*--------- Quick Quote form ---------*/

.quick_quote {
    background-color: rgba(255,255,255,0.61);
    float: right;
    width: 338px;
    border-radius: 10px;
	padding-top: 0px;
}

.quick_quote_inpage {
    background-color: rgba(255,255,255,0.61);
    float: none;
    margin-top: 0px;
    margin-right: 0px;
    border-radius: 10px;
	padding-top: 0px;
}

@media (max-width: 980px) {
	.quick_quote_inpage {
	 width:300px;
	}
}

@media (max-width: 475px) {
	.quick_quote_inpage {
	 width: auto;
	}
}



.home_banner 
{
    font-weight: 700;
    font-size: 32px;
    background-color: #FFFFFF;
	border-radius: 0 0 10px 10px;
    padding: 15px 15px 15px 15px;
	float: right;
	margin-top: -4px;
    margin-right: -56px;
}

@media (max-width: 706px){
	
	
	.home_banner {
	font-size: 20px!important;

}
.quick_quote {
    background-color: rgba(255,255,255,0.61);
    float: right;
    width: 300px;
    margin-top: 60px;
    margin-right: -366px;
    border-radius: 10px;
}
.et_pb_row_0 {
	padding-right:0px!important;
}
}

@media (max-width: 494px){
	
	
	.home_banner {
	margin-right: -20px;
	margin-top: 20px;
	border-radius: 10px 10px 10px 10px;
}

.quick_quote {
	float: right;
	width: auto;
    background-color: rgba(255,255,255,0.61);
    margin-top: 0px;
    margin-right: -20px;
	
}
}


.ninja-forms-req-symbol {
    display:none;
}

.nf-form-fields-required
{
	display:none;
}

div#nf-field-9-container {
        width: 94%;
    margin: auto;
	    padding-bottom: 5px;
		padding-top: 10px;
}

div#nf-field-6-container {
        width: 94%;
    margin: auto;
	    padding-bottom: 5px;
}
div#nf-field-7-container {
        width: 94%;
    margin: auto;
	    padding-bottom: 5px;
}
div#nf-field-1-container {
        width: 94%;
    margin: auto;
	    padding-bottom: 5px;
}
div#nf-field-8-container {
        width: 94%;
    margin: auto;
	 padding-bottom: 10px;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	
	background: #56d42b!important;
    margin-left: 12px!important;
    margin: auto;
    width: 94%!important;
    font-size: 18px!important;
    font-weight: 700!important;
    border-radius: 10px;
    color: #ffffff!important;
	padding-top: 9px!important;
}


.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
	
    border: 2px solid #56d42b;
    background: #ffffff!important;
    color:  #56d42b!important; 
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 20px;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	
    background: #ffffff;
     border-radius: 10px!important;
	border: 1px solid #00000082!important;
  
}

.nf-field-container .field-wrap .nf-element::placeholder {
    color: #000000;
}


.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 40px!important;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
    font-size: 18px;
}

.nf-error.field-wrap .nf-field-element:after {
    background: #56d42b!important;
}

.nf-error-msg, .ninja-forms-req-symbol {
    display: none;
}


.nf-response-msg {
   
    padding: 25px!important;
	line-height:  1.7em;
}



/*--------- Contact Us ---------*/

div#nf-field-15-container {
    width: 50%;
  
}

/*
.et_pb_blurb_description a {
    color: #000000;
}

.et_pb_blurb_container:hover a {
    color: #56d42b;
}

*/


@media (min-width:640px)
{
	
/*first name*/
div#nf-field-10-container {
    width: 49%;
}

/*last name*/
div#nf-field-11-container {
    width: 49%;
    float: right;
    margin-top: -99px;
}

/*phone*/
div#nf-field-12-container {
    width: 49%;
}

/*Email*/
div#nf-field-13-container {
    width: 49%;
    float: right;
    margin-top: -99px;
}
}

/*--------- Footer Stuff ---------*/

#main-footer .container
{
	width: 90%;
	max-width: 1400px;
}


/*--------- Fonts---------*/

h2 {
    font-weight: 700!important;
	text-transform: uppercase;
}

@media only screen and (max-width: 767px){
h2 {
    font-size: 22px!important;
}
}

h4 a {
	color: #56d42b!important;
}

/*--------- Homepage---------*/

.arrows h2:before {
    font-family: 'ETmodules';
    content: "9";
   position: relative;
       color: #56d42b;
	   top: 8px;
    left: -14px;
background: black;
    border-radius: 50%;
	font-size: 40px;
}

.arrows-1 h1:before {
      font-family: 'ETmodules';
    content: "\39";
    position: relative;
    color: #56d42b;
    top: 10.9px;
    left: -8px;
 
    font-size: 61px;
}

.arrows-2 h4:before {
        font-family: 'ETmodules';
    content: "9";
    position: relative;
    color: #ffffff;
    top: 12px;
    left: -1.9px;
    font-size: 50px;
}


/*--------- Homepage---------*/

.home-boxes .et_pb_text h3 {
	color: #ffffff!important;
	font-size: 22px!important;
}

.home-boxes .et_pb_image {
	padding: 20px 20px 0px 20px;
}

.home-boxes .et_pb_text {
  display: flex;
  flex-wrap: wrap;
}


.home-boxes .et_pb_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 480px){
.home-boxes .et_pb_text {
	font-size: 14px!important;
	line-height: 1.3!important;
	margin-top: 0px;
}
}




@media (max-width: 980px) {

.home-boxes .et_pb_column {
    width: 48%!important;
	margin: 2px!important;
}
}

@media (max-width:480px) {
	
.home-boxes .et_pb_text h3 {
	
	font-size: 19px!important;
	padding: 0px!important;
	margin-top: -10px!important;
}
}


.home_box {
margin-top: 0px;
}

.green-box-2 {
margin-top: 60px!important;
}

@media (max-width: 480px) { 

.green-box-2 {
margin-top: 0px!important;
}

} 


/*--------- Bullets & ticks---------*/

.pa-bullet-list-1 ul {
list-style-type: none!important;
}

.pa-bullet-list-1 ul li:before {
	content: '\4e'!important;
	color: #000000;
	background:  #56d42b;
	padding: 3px;
    border-radius: 50%;
	font-family: 'ETMODULES'!important;
	margin-right: 10px;
	margin-left: -29px;
	font-size: 15px!important;
}


.entry-content ol, .entry-content ul {
    padding: 10px 0px 10px 30px;
    list-style-position: outside;
	line-height: 30px!important;
}


.pa-bullet-list-2 ul {
list-style-type: none!important;
}

.pa-bullet-list-2 ul li:before {

    content: '\e04e'!important;
     color: #56d42b;
   
    font-family: 'ETMODULES'!important;
    margin-right: 5px;
    margin-left: -24px;
    font-size: 19px!important;
}


.tick-cols ul {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

@media (max-width: 480px){
.tick-cols {
	font-size: 15px;
	maegin-left: 20px;
}

.tick-cols ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

}

/*--------- top header ---------*/

hr.style1 {
    border: 4px solid #56d42b;
    width: 15%;
    float: left;
    margin-top: 25px;
}

@media (max-width: 480px) {
	hr.style1 {
     margin-bottom: -20px;
    margin-top: 30px;
    float: none; 
}
}

/*--------- inpage ---------*/

@media (max-width:480px){
.top-section-row {
	background-image: none!important;
	padding-top: 100px!important;
}
}

.banner-text-box {
    
    line-height: 1.4em!important;
    float: right;
    margin-right: 332px; 
}

.banner-text-box h1 {
	font-size: 38px!important;
	line-height: 1.1em;
}

@media (max-width: 980px) {

.top_banner_col .et_pb_column {
    width: 50%!important;
	
}

.top_banner_col {
top: -60px!important;
}

.banner-text-box {
    line-height: 1.4em!important;
    float: right;
    margin-top: -94px!important;
	postion: unset!important;
	width: auto!important;
	margin-right: 0px!important;
}

}

@media (max-width: 475px) {

.laptop-guy  {
	
    display: none;
}

.top_banner_col .et_pb_column {
    width: auto!important;
    top: 0px!important;	
}

.top_banner_col{
    top: 0px!important;	
}

}


.car-boxes {
	margin-top: -10px;
}

@media (max-width: 980px) {

.car-box-row-1 .et_pb_column {
    width: 45%!important;
	margin: 5px!important;
}
	.car-boxes {
	margin-top: 0px;
	margin: 1px;
}
}
/*
@media (max-width:480px) {
	
.car-box-row-1 .et_pb_text {
	font-size: 12px!important;
	line-height: 1.2!important;
	margin-top: -30px;
}
}

.car-box-row-1 .et_pb_image {
	padding: 0px 10px 10px 10px;
}


.car-box-row-1 {
  display: flex;
  flex-wrap: wrap;
}

.car-box-row-1 .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}*/

@media (max-width: 980px) {

.car-box-row .et_pb_column {
    width: 31%!important;
	margin: 5px!important;
}
	.car-boxes {
	margin-top: 0px;
	margin: 1px;
}
}

@media (max-width:480px) {
	
.car-box-row .et_pb_text {
	font-size: 12px!important;
	line-height: 1.2!important;
	margin-top: -30px;
}
}

.car-box-row .et_pb_image {
	padding: 0px 10px 10px 10px;
}


.car-box-row {
  display: flex;
  flex-wrap: wrap;
}

.car-box-row .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}





@media (max-width: 980px) {

.car-box-row-4 .et_pb_column {
    width: 24%!important;
	margin: 2px!important;
}
	.car-boxes {
	margin-top: 0px;
	margin: 1px;
}
}

@media (max-width:480px) {
	
.car-box-row-4 .et_pb_text {
	font-size: 10px!important;
	line-height: 1.2!important;
	margin-top: -30px;
}
}

.car-box-row-4 .et_pb_image {
	padding: 0px 10px 10px 10px;
}


.car-box-row-4 {
  display: flex;
  flex-wrap: wrap;
}

.car-box-row-4 .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


/*

@media (max-width: 980px) {

.havras-boxes  .et_pb_column {
    width: 24%!important;
	margin: 2px!important;
}
	.car-boxes {
	margin-top: 0px;
	margin: 1px;
}
}


/*--------------- HAVRAS Page------------------------ */
/*
@media (max-width:480px) {
	
.havras-boxes  .et_pb_text {
	font-size: 11px!important;
	line-height: 1.2!important;
	margin-top: -30px;
}
}

.havras-boxes .et_pb_image {
	padding: 0px 10px 10px 10px;
}


.havras-boxes {
  display: flex;
  flex-wrap: wrap;
}

.havras-boxes .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
*/

/*--------- Gallery ---------*/

.et_overlay {
    display: none;
}
 
.mfp-title {
    display: none;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img {
    transform: scale(1.03);
    transition: transform 0.5s, opacity 0.5s;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.25);
    opacity: 1;
}
 
.et_pb_gallery_grid .et_pb_gallery_item {
    padding: 2px!important;
    width: 25%!important;
    clear: right!important;
	overflow: hidden;
}

 
@media only screen and (max-width: 479px) {
     
.gallery-grid-1 .et_pb_grid_item:nth-child(n) {
    width: 33%!important;
}

.gallery-col-1 .et_pb_grid_item:nth-child(n) {
    width: 50%!important;
}
}

img.mfp-img {
     border: 1px solid white;
     padding: 0px;
	 border-radius: 5px;
}





#footer-widgets .footer-widget li {
    margin-bottom: 0px!important;
   
}

#footer-widgets .footer-widget li:before {
    top: 7px;
}

.footer-widget li a {
	    color: #56d42b!important;
}

.footer-widget li a:hover {
	    color: #ffffff!important;
}


.footer-widget li:before {
    border-color: #ffffff!important;
}

.footer-widget li:hover:before {
    border-color: #56d42b!important;
}


div#text-2 {
    margin-top: -30px;
	max-width: 300px;
}


h4.title {
    border-bottom: 2px solid #56d42b!important;
    padding-bottom: 10px;
	color: #ffffff;
}

ul#menu-footer-menu {
    padding-top: 10px;
}


.textwidget { 
    padding-top: 10px;
}

.name-icon, .address-icon, .email-icon, .footer-phone  {
	line-height: 26px;
	color: #56d42b!important;
}

.name-icon:hover, .address-icon:hover, .email-icon:hover, .footer-phone:hover  {
	color: #ffffff!important;
}



.name-icon:hover:before, .address-icon:hover:before, .email-icon:hover:before, .footer-phone:hover:before  {
	color: #56d42b!important;
}


.name-icon:before {
    font-family: 'ETmodules';
    content: "\e0e0";
    color: #ffffff;
    font-size: 20px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
}

.address-icon:before {
	font-family: 'ETmodules';
	content: "\e081";
	 color: #ffffff;
    font-size: 20px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
	
}

.email-icon:before {
	font-family: 'ETmodules';
	content: "\e076";
	 color: #ffffff;
    font-size: 20px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
	
}

.footer-phone:before {
	font-family: 'ETmodules';
	content: "\e090";
	 color: #ffffff;
    font-size: 20px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
	}
	
	
/*--------- Back To Top Button ---------*/
 
.et_pb_scroll_top.et-pb-icon {
    right: 0;
    bottom: 0;
    color: #ffffff;
    background: #56d42b;
    font-size: 50px;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    padding: 35px 5px 5px 35px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}
 .et_pb_scroll_top.et-pb-icon:hover {
    color: #ffffff;
    background: #bdbdbd;
}

/*--------- Reviews ---------*/

#wprev-badge-1 {
    background: #ffffffe6!important;
    border-radius: 10px!important;
}

#wprev-badge-1 {
    border-top: 5px solid #56d42b!important;
	    border-bottom: 5px solid black!important;
}

.wprevpro_slideout_container {
	
	background: #ffffffe3!important;
}

#wprev-slider-2 .wprev_preview_bg1_T6 {
    background: #ffffff00!important;
}

.top_banner {
	font-size: 20px!important;
	color: #56d42b;
    margin-left: 370px;
    line-height: 48px;
	font-weight: 700;
    animation: 2s slide-left;
  
}

@keyframes slide-left {
  from {
    margin-left: 0px;
  }

  to {
    margin-left: 370px;
  }
}

@media (max-width: 1226px){	
	
	.top_banner {
	margin-left: 315px;
}
}

@media (max-width: 980px){	
	
	.top_banner {
	font-size: 11px!important;
		 animation: none;
		  margin-left: 0px;
    line-height: 0px;
}
}

/*--------- Top Tradie Websites Logo ---------*/

#footer-bottom .et-social-icons {
      display: none;
}

#footer-bottom {
    background-color: #525252;
	background-image: url(https://toptradiewebsites.com.au/wp-content/uploads/2021/02/Top-Tradie-Websites-logo-50x48px.png);
	background-repeat: no-repeat;
	background-position: 33%!important;
}

@media (max-width:980px)
{ 
	#footer-bottom {
background-position: 3%!important;

}
 
}

#footer-info {
    float: none;
    color: #fff;
    text-align: center;
}
 
#footer-info a {
    color: #f77300;
    font-weight: 700;
}
 
#footer-info a:hover {
    opacity: 1;
    text-decoration: underline;
}
 
.footer-text {
	padding-top: 5px;
	font-size: 15px;
}

.service-icons {
	padding-top: 20px;
}

h1, h2, h3, h4, h5, h6 {


    overflow-wrap: normal;

}