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

/** 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 moved to Theme Options */

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


/* General Buttons moved to Theme Options */


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