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

/***--------------------------------------------
/*** Standard Text Styling
---------------------------------------------***/
/* /https://youtu.be/StPsAw-i8EA */
/* MAKE SURE TO PASTE CLASS "my-spacing" IN TEXT MODULE CSS CLASS */
/* Divi Text Module Custom CSS */
/* Change any of the em values here to style the items to suit your design */

/* Removes default bottom padding */
.my-spacing h1,
.my-spacing h2,
.my-spacing h3,
.my-spacing h4,
.my-spacing h5,
.my-spacing h6 {
  padding: 0;
}

/* Sets default top margin for all text module items */
.my-spacing * + * {
  padding: 0;
  margin-top: 0.8em;
}

/* Sets top paragraph margin where para follows a heading */
.my-spacing h1 + p,
.my-spacing h2 + p,
.my-spacing h3 + p,
.my-spacing h4 + p,
.my-spacing h5 + p,
.my-spacing h6 + p {
  margin-top: 1em;
}

/* Sets top heading margin where heading follows a paragraph */
.my-spacing p + h1,
.my-spacing p + h2,
.my-spacing p + h3,
.my-spacing p + h4,
.my-spacing p + h5,
.my-spacing p + h6 {
  margin-top: 0.75em;
}

/* Sets top  margin for unordered lists */
.my-spacing * + ul {
  margin-top: 1em;
  margin-left: 1em;
}

/* Sets top and left margins for list items in UL */
.my-spacing ul li {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1em;
  margin-top: 1em;
}

/* Sets top and left margins for ordered lists */
.my-spacing * + ol {
  margin-top: 1em;
  padding-left: 1em;
}

/* Sets top and left margins for list items in OL */
.my-spacing ol li {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 1em;
}

/* Sets spacing between marker (number) and text in OL */
.my-spacing ol li::before {
  content: "";
  padding-left: 1em;
}

/* Sets margins and other styling for blockquote */
.my-spacing blockquote {
  padding-bottom: 1.2em;
  padding-top: 0.5em;
  padding-left: 1em;
  margin-top: 3em;
  font-weight: 700;
  color: white;
  background-color: orange;
  border-left-color: black;
}

/***--------------------------------------------
/*** End Standard Text Styling
---------------------------------------------***/



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

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

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


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

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


/*-----------------------------------------------*/ 
/*------------ Media Queries General ------------*/ 
/*-----------------------------------------------*/

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