/* 
 Theme Name:     ComHub
 Author:         ComHub
 Author URI:     https://comhub.com.au
 Template:       Divi
 Version:        2.04
 Description:  ComHub Child Theme
*/ 
/* ----------- CUSTOM CSS BELOW THIS LINE ---------------------------- */

/*Add arrow footer - font-size: 44px;*/
.before-icon a:before {
content: "\35";
    font-family: 'ETMODULES';
    font-weight: normal;
    font-style: normal;
    display: block;
    float: right;
    text-decoration: inherit;
}

/*Mobile column Stacking - first-on-mobile | second-on-mobile*/
@media all and (max-width: 980px) {
.custom_row_stacking {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 .second-on-mobile {
-webkit-order: 2;
order: 2;
}
 .third-on-mobile {
-webkit-order: 3;
order: 3;
}
 .fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 20px;
}
}
/*align buttons at bottom*//*UPDATED code with bottom padding*/
.align-bottom-column .et_pb_column {padding-bottom: 50px;}
.align-bottom-column .et_pb_button_module_wrapper {position: absolute; bottom: 20px; left: 0; right: 0; margin: auto;}

/* App Style header and Drop Down Menu */
.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

/*wider on mobile*/
@media all and (max-width: 479px) {
.et_pb_row {
    position: relative;
    width: 90% ;
    max-width: 90%;
    margin: auto;
}
}


/*fix on gallery single image*/
@media screen and (max-width:479px){
 .et_pb_gallery_image img {width:100%!important;}
}

/*NO SHOW on DIVI breakpoints can use 2 with space between*/
@media only screen and ( max-width: 479px ){.noshow-phone {
display: none !important;
	}
}

@media only screen and ( min-width: 480px ) and ( max-width: 980px ){.noshow-tablet {
display: none !important;
	}
}

@media only screen and ( min-width: 981px ){.noshow-desktop {
display: none !important;
	}
}

/*fix for owl carousel arrows*//*UPDATED CODE*/
@media all and (max-width: 479px) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: none !important;
    }
    }

/*stop-stacking-2col*/
.stop-stacking-2col {
    display: inline-block;
    max-width :50%;
    }
    
    /*stop-stacking-3col*/
    .stop-stacking-3col {
    display: inline-block;
    max-width :33.3%;
    }
    
    /*stop-stacking-4col*/
    .stop-stacking-4col {
    display: inline-block;
    max-width :25%;
    }
    
    /*stop-stacking-5col*/
    .stop-stacking-5col {
    display: inline-block;
    max-width :20%;
    }