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


/* =Theme customization starts here
------------------------------------------------------- */

/***Variables for customiser***/

:root {
    /*Colour palette*/
    --ds-primary: #00001d;
    --ds-dark: #2c2c2c;
    --ds-light: #ffffff;
    --ds-sub-1: #f9f9f9;
    --ds-sub-2: #dfdfdf;
    --ds-sub-3: #aeaeae;
    /*H1*/
    --ds-h1-height: 1em;
    --ds-h1-weight: 400;
    --ds-h1-size-desktop: 38px;
    --ds-h1-size-tablet: 32px;
    --ds-h1-size-mobile: 28px;
    --ds-h1-style: uppercase;
    --ds-h1-colour: #00001d;
    /*H2*/
    --ds-h2-height: 1.2em;
    --ds-h2-weight: 400;
    --ds-h2-size-desktop: 28px;
    --ds-h2-size-tablet: 28px;
    --ds-h2-size-mobile: 22px;
    --ds-h2-style: none;
    --ds-h2-colour: #00001d;
    /*H3*/
    --ds-h3-height: 1.2em;
    --ds-h3-weight: 400;
    --ds-h3-size-desktop: 22px;
    --ds-h3-size-tablet: 22px;
    --ds-h3-size-mobile: 20px;
    --ds-h3-style: none;
    --ds-h3-colour: #00001d;
    /*H4*/
    --ds-h4-height: 1em;
    --ds-h4-weight: 600;
    --ds-h4-size-desktop: 18px;
    --ds-h4-size-tablet: 18px;
    --ds-h4-size-mobile: 18px;
    --ds-h4-style: none;
    /*H5*/
    --ds-h5-height: 1em;
    --ds-h5-weight: 400;
    --ds-h5-size-desktop: 18px;
    --ds-h5-size-tablet: 18px;
    --ds-h5-size-mobile: 18px;
    --ds-h5-style: none;
    /*H6*/
    --ds-h6-height: 1em;
    --ds-h6-weight: 400;
    --ds-h6-size-desktop: 16px;
    --ds-h6-size-tablet: 16px;
    --ds-h6-size-mobile: 16px;
    --ds-h6-style: none;
    /*Blog grid*/
    --ds-blog-grid-width: 250px;
    --ds-blog-grid-gap: 50px;
    /*Resources portfolio*/
    --ds-resources-filter-width: 120px;
    --ds-resources-filter-gap: 10px;
    --ds-resources-item-width: 300px;
    --ds-resources-item-gap: 50px;
    /*Courses page*/
    --ds-courses-item-width: 300px;
    --ds-courses-item-gap: 50px;
}


/***Global Styling***/

/*Typography*/

p,
body,
.et_pb_post p {
    color: var(--ds-dark);
}

h1,
.et_pb_column_1_3 h1,
.et_pb_column_1_4 h1 {
color: var(--ds-h1-colour);
font-size: var(--ds-h1-size-desktop);
font-weight: var(--ds-h1-weight);
line-height: var(--ds-h1-height);
text-transform: var(--ds-h1-style);
}

h2,
.et_pb_column_1_3 h2,
.et_pb_column_1_4 h2 {
    color: var(--ds-h2-colour);
    font-size: var(--ds-h2-size-desktop);
    font-weight: var(--ds-h2-weight);
    line-height: var(--ds-h2-height);
    text-transform: var(--ds-h2-style);
}

h3,
.et_pb_column_1_3 h3,
.et_pb_column_1_4 h3 {
    color: var(--ds-h3-colour);
    font-size: var(--ds-h3-size-desktop);
    font-weight: var(--ds-h3-weight);
    line-height: var(--ds-h3-height);
    text-transform: var(--ds-h3-style);
}

.dp_h4_light {
    color: var(--ds-light) !important;
}

h4,
.et_pb_column_1_3 h4,
.et_pb_column_1_4 h4,
.et_pb_widget h4.widgettitle {
    color: var(--ds-dark);
    font-size: var(--ds-h4-size-desktop);
    font-weight: var(--ds-h4-weight);
    line-height: var(--ds-h4-height);
    text-transform: var(--ds-h4-style);
}

h5,
.et_pb_column_1_3 h5,
.et_pb_column_1_4 h5 {
    color: var(--ds-dark);
    font-size: var(--ds-h5-size-desktop);
    font-weight: var(--ds-h5-weight);
    line-height: var(--ds-h5-height);
    text-transform: var(--ds-h5-style);
}

h6,
.et_pb_column_1_3 h6,
.et_pb_column_1_4 h6 {
    color: var(--ds-dark);
    font-size: var(--ds-h6-size-desktop);
    font-weight: var(--ds-h6-weight);
    line-height: var(--ds-h6-height);
    text-transform: var(--ds-h6-style);
}
@media all and (max-width: 980px) {
    h1,
    .et_pb_column_1_3 h1,
    .et_pb_column_1_4 h1 {
        font-size: var(--ds-h1-size-tablet);
    }
    h2,
    .et_pb_column_1_3 h2,
    .et_pb_column_1_4 h2 {
        font-size: var(--ds-h2-size-tablet);
    }
    h3,
    .et_pb_column_1_3 h3,
    .et_pb_column_1_4 h3 {
        font-size: var(--ds-h3-size-tablet);
    }
    h4,
    .et_pb_column_1_3 h4,
    .et_pb_column_1_4 h4,
    .et_pb_widget h4.widgettitle {
        font-size: var(--ds-h4-size-tablet);
    }
    h5,
    .et_pb_column_1_3 h5,
    .et_pb_column_1_4 h5 {
        font-size: var(--ds-h5-size-tablet);
    }
    h6,
    .et_pb_column_1_3 h6,
    .et_pb_column_1_4 h6 {
        font-size: var(--ds-h6-size-tablet);
    }
}

@media all and (max-width: 479px) {
    h1,
    .et_pb_column_1_3 h1,
    .et_pb_column_1_4 h1 {
        font-size: var(--ds-h1-size-mobile);
    }
    h2,
    .et_pb_column_1_3 h2,
    .et_pb_column_1_4 h2 {
        font-size: var(--ds-h2-size-mobile);
    }
    h3,
    .et_pb_column_1_3 h3,
    .et_pb_column_1_4 h3 {
        font-size: var(--ds-h3-size-mobile);
    }
    h4,
    .et_pb_column_1_3 h4,
    .et_pb_column_1_4 h4,
    .et_pb_widget h4.widgettitle {
        font-size: var(--ds-h4-size-mobile);
    }
    h5,
    .et_pb_column_1_3 h5,
    .et_pb_column_1_4 h5 {
        font-size: var(--ds-h5-size-mobile);
    }
    h6,
    .et_pb_column_1_3 h6,
    .et_pb_column_1_4 h6 {
        font-size: var(--ds-h6-size-mobile);
    }
}

/*** Random Header Image for Mobile ***/

.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;
}

.ds-random-header {
    margin-top: -80px;
}


/*** End Random Header Image for Mobile ***/
/***** 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: var(--ds-primary) !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;
}


/***** END BUTTONS GENERAL *****/

/*Back to top button*/

.et_pb_scroll_top.et-pb-icon {
    background: var(--ds-primary);
    right: 5px;
    bottom: 5px;
    border-radius: 0;
}

/*End Back to top button*/