/*
 Theme Name:     Digital Trails Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Digital Trails
 Author URI:     https://www.digitaltrails.co.za
 Template:       Divi
 Version:        1.6.3
*/


/* =Theme customisation starts here
------------------------------------------------------- */

/*-----------------------------------------------*/
/*** Menu Adjustments                          ***/
/*-----------------------------------------------*/


/** Desktop Menu on Mobile, remember to add class **/
@media (max-width: 980px) {
	.dh-menu-desktop.et_pb_menu .et_pb_menu__menu, .dh-menu-desktop.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: flex;
	}
	.dh-menu-desktop.et_pb_menu .et_mobile_nav_menu, .dh-menu-desktop.et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: none;
	}
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/** Reduce Menu Item Spacing - Standard is 11 **/
/*
.et_pb_menu .et-menu > li {
    padding-right: 7px;
    padding-left: 7px;
}
*/
/*
/** Reduce Menu Item Spacing at Specific Breakpoint **/
/*
@media screen and (max-width: 1200px) {
    .et_pb_menu .et-menu > li {
        padding-right: 4px;
        padding-left: 4px;
    }
}
*/
/*-----------------------------------------------*/
/*** End Menu Adjustments                      ***/
/*-----------------------------------------------*/


/*-----------------------------------------------*/
/*** End Images ***/
/*-----------------------------------------------*/

/* Random Header Images */

.ds-random-header .et-pb-arrow-prev,
.ds-random-header .et-pb-arrow-next,
.ds-random-header .et-pb-controllers {
    display: none;
}

.ds-random-header .et_pb_gallery_items {
    pointer-events: none;
}

/* End Random Header Images */



/* Remove Title from individual image */
.mfp-title {
        display: none !important;
}
/*-----------------------------------------------*/
/*** End Images ***/
/*-----------------------------------------------*/



/*-----------------------------------------------*/
/*** 500 Standard Changes from the Start ***/
/*-----------------------------------------------*/

/* Remove the line below the normal Divi menu */
#main-header {
    box-shadow: none !important;
}

/* Hide Bottom Bar */
#footer-bottom {
    display: none;
}

 /*Hide the Divi Footer*/
#main-footer {
        display: none;
}

/** Gallery Image **/
/* Remove Title from individual image */

.mfp-title {
        display: none;
}
/*-- End --*/

/*-----------------------------------------------*/
/*** 500 End Standard Changes from the Start ***/
/*-----------------------------------------------*/

/*-------------------------------------------------------*/
/*-----Enlarged and Overlapping Header Image by ET-------*/
/*-------------------------------------------------------*/

@media only screen and (max-width: 980px) {
        #logo {
/*              min-height: 100px; */
        }
}
@media only screen and (min-width: 981px) {
        #logo {
/*              min-height: 120px; */
        }
}
/*-------------------------------------------------------*/
/*----End Enlarged and Overlapping Header Image by ET----*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*---- BUTTONS GENERAL ----*/
/*-------------------------------------------------------*/

/* Disable button icon */
body .gform_wrapper .gform_footer input.button:after,
body .gform_wrapper .gform_footer input[type=submit]:after,
.et_pb_button:after,
.et_button_no_icon .et_pb_button:after {
    display: none!important;
}


body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
.et_pb_button,
.et_button_no_icon .et_pb_button {
        background:  #00753c !important;
        box-shadow: 0 0px 8px 0 rgba(0,0,0,0.2), 0 0px 20px 0 rgba(0,0,0, 0.19) !important;
        transition: 0.3s;
        padding: 5px 20px !important;
        margin-bottom: 20px;
        border-radius: 2px !important;
        border-width: 0 !important;
        font-size: 16px !important;
        color: #ffffff !important;
}

body .gform_wrapper .gform_footer input[type=submit]:hover,
.et_pb_button:hover,
.et_button_no_icon .et_pb_button:hover {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.35), 0 7px 10px 0 rgba(0,0,0,0.34) !important;
        padding: 5px 20px !important;
        transition: 0.3s;
}

body .gform_wrapper .gform_footer input[type=submit]:active,
.et_pb_button:active,
.et_button_no_icon .et_pb_button:active {
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.2) !important;
}

/* buttons fixed to the bottom */
.align-bottom .et_pb_column {
        padding-bottom:30px !important;
}

.align-bottom .et_pb_button_module_wrapper {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: auto !important;
}


/*Back to top button*/
.et_pb_scroll_top.et-pb-icon {
    background: transparent;
	color: #ffffff;
    right: 5px;
    bottom: 5px;
	font-size: 45px;
}

/*End Back to top button*/



/*-------------------------------------------------------*/
/*---- End BUTTONS GENERAL ----*/
/*-------------------------------------------------------*/

/*------------------------------------------------*/
/*--------- Keep Columns on Mobile ----------*/
/*------------------------------------------------*/
@media only screen and (max-width: 980px) {
 
.two-columns .et_pb_column {
width: 50%!important;
}
 
.three-columns .et_pb_column {
width: 33.33%!important;
}
 
.four-columns .et_pb_column {
width: 25%!important;
}
 
}

/*------------------------------------------------*/
/*--------- Keep Columns on Mobile End ----------*/
/*------------------------------------------------*/



/*-----------------------------------------------*/ 
/*------------ show desktop menu on phone -------*/ 
/*-----------------------------------------------*/

@media (max-width: 980px) {
	.dh-menu-desktop.et_pb_menu .et_pb_menu__menu, .dh-menu-desktop.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: flex;
	}
	.dh-menu-desktop.et_pb_menu .et_mobile_nav_menu, .dh-menu-desktop.et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: none;
	}
}

/*-----------------------------------------------*/ 
/*--------- End show desktop menu on phone ------*/ 
/*-----------------------------------------------*/


/*-----------------------------------------------*/ 
/*------------ Divi Builder Adjustments ---------*/ 
/*-----------------------------------------------*/

/*make Divi Builder text style settings sticky on scroll*/

.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
}

/*-----------------------------------------------*/ 
/*--------- End Divi Builder Adjustments --------*/ 
/*-----------------------------------------------*/