/*
 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.4
*/


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


.blue-border {
	border: solid 1px blue !important;
}

.green-border {
	border: solid 1px green !important;
}

.red-border {
	border: solid 1px red !important;
}

.purple-border {
	border: solid 1px purple !important;
}

.orange-border {
	border: solid 1px orange !important;
}


/***--------------------------------------------
/*** Start Page Header and Menus
---------------------------------------------***/

/* Disable Menu Popup before it's selected */

.toggle_content { 
	display: none;
}

/*Make the menu module display vertically*/
.vertical-menu nav ul li {
	width: 100%;
	display: block;
}

/*show desktop menu*/
@media (max-width: 980px) {
	.vertical-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.vertical-menu .et_mobile_nav_menu {
		display: none!important;
	}
}
/* General styling the the menu item links*/
.vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 1.7vh 0;
	font-size: 1.3rem;
	margin: auto;
	font-family: 'Georgia',sans-serif !important;
}

.main-menu-icon {
	margin-top: 10px !important;
	padding: 10px 20px 10px 20px;
	border-style: solid;
	border-width: 1px;
	cursor:pointer;
}

.main-menu-icon-scroll {
	margin-top: 0px !important;
	padding: 10px 10px 2px 10px;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	cursor:pointer;
}


.main-menu-icon-scroll:hover {
	background: #a29061;
	transition: 0.3s;
	color: #fff !important;
}


.main-menu-icon-dark {
	color: #555555 !important;
	border-color: #555555 !important;
}

.main-menu-icon-light {
	border-color: #ffffff !important;
	color: #ffffff !important;
}

.main-menu-icon:hover {
	background: #a29061;
	transition: 0.3s;
	color: white !important;
}

.mobile-menu-icon {
/*	margin-top: 10px !important;*/
/*	padding: 10px 20px 10px 20px;*/
/*	border-style: solid;*/
/*	border-width: 1px;*/
	cursor:pointer;
}

.mobile-menu-icon-dark {
	color: #555555 !important;
/*	border-color: #555555 !important;*/
}

.mobile-menu-icon-light {
	color: #fff !important;
/*	border-color: #555555 !important;*/
}

/***--------------------------------------------
/*** End Page Header and Menus
---------------------------------------------***/



/*-----------------------------------------------*/
/*** 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";
}
*/

/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
	
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	content: "\4d";
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

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

/*-------------------------------------------------------*/
/*-------------------- Gravity Forms --------------------*/
/*-------------------------------------------------------*/

.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large,
.gform_wrapper .gform_body .gform_fields .gfield .datepicker,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
	border-radius: 5px    
}
.gform_wrapper.gravity-theme .gfield select.large {
  border-radius: 5px 
}
/* Main Field List Container - Excluded Submit Button */
/*
body .gform_wrapper .gform_body .gform_fields {
  border: 1px solid rgba(64, 64, 64, 0.3);
  padding: 40px;
  border-radius : 5px
}
*/



/* All Field labels*/
.gform_wrapper.gravity-theme .gfield_label{
	margin-top: 20px;
	margin-bottom: 0;
    margin-left: 2px;
/*	font-size: 0.9rem;
	font-weight: 500; */
}

/*
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
  border: 1px solid #ff6600;
}
*/

body #gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
  color: #ff6600;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
  border: none;
}

.grecaptcha-badge { 
	visibility: hidden !important;
}

/*-------------------------------------------------------*/
/*------------------ End Gravity Forms ------------------*/
/*-------------------------------------------------------*/

/*-----------------------------------------------*/
/*** 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 */


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

/*------------------------------------------------*/
/***------- Begin Vertical Centre Column -------***/
/*------------------------------------------------*/

.vertical-centre-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/*------------------------------------------------*/
/***------- End Vertical Centre Column -------***/
/*------------------------------------------------*/



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

/* Disable button icon */
a.checkout-button.button:after,
.woocommerce button.button:after,
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;
}

a.checkout-button.button,
.woocommerce button.button,
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:  #666666 !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;
}

a.checkout-button.button:hover,
.woocommerce button.button:hover,
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;
}

a.checkout-button.button:active,
.woocommerce button.button:active,
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:40px !important;
}

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

/* Woo Commerce Button */

.woocommerce div.product form.cart .button:hover {
	color: #2a3d29;
}


/*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;
    }
    .five-columns .et_pb_column {
        width: 20%!important;
    }
}
/*------------------------------------------------*/
/*--------- End Keep Columns on Mobile -----------*/
/*------------------------------------------------*/


/*-----------------------------------------------*/ 
/*------------ Media Queries Extended ------------*/ 
/*-----------------------------------------------*/

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
/* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
/* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
/* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* your css goes here */
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* your css goes here */
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* your css goes here */
}


/*-----------------------------------------------*/ 
/*------------ End Media Queries Extended --------*/ 
/*-----------------------------------------------*/


/*-----------------------------------------------*/ 
/*------------ Media Queries - Divi Standard ------------*/ 
/*-----------------------------------------------*/

/* Desktop (981px upwards) */
@media only screen and ( min-width: 981px ) {
/* your css goes here */
}

/* Tablet (768px - 980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* your css goes here */
}


/* M0bile (0-767px) */
@media only screen and ( max-width: 767px ) {
/* your css goes here */
}


/*-----------------------------------------------*/ 
/*------------ End Media Queries - Divi Standard --------*/ 
/*-----------------------------------------------*/