/* 
 Theme Name:     Divi Child 
 Author:         Achilles Creative
 Author URI:     http://www.achillescreative.com 
 Template:       Divi
 Version:        1.0 
*/ 

@import url("../Divi/style.css"); 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* add the full screen image */
/* the full width section must have CSS ID "cover-section" */
/* AND full width slide within must have CSS ID "cover-slider"*/
/* you also need to TURN OFF THE FIXED NAVIGATION BAR IN THE DIVI OPTIONS PANEL */
/* image size should be around 1920x1080px */

/* Set all this elements to 100% height, very important! */
.cover-active, .cover-active #page-container, .cover-active #et-main-area, .cover-active #main-content, .cover-active article.page, .cover-active .entry-content, .cover-active #cover-section .et_pb_slider, .cover-active #cover-section .et_pb_slides, .cover-active #cover-section .et_pb_slide, .cover-active #cover-section .et_pb_container {
	
}
/*typography*/
.et_pb_text p:last-of-type {padding-bottom:.5em;}
p{padding-bottom:.5em;}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {line-height:1.2em;list-style-type: disc;padding: 0 0 10px 16px;}

/*header*/
.et_pb_fullwidth_header{padding:10px 0;}

/* Set position to initial when boxed layout is set, fixes header position */
.cover-active.et_boxed_layout #page-container { 

}

/* Prepare slide container for slide description vertical align */
.cover-active #cover-section .et_pb_container { 

}

/* Align the description on middle vertically (correctly) */
.cover-active #cover-section .et_pb_slide_description { 
 
}

/* Move dot controllers, in case they are used */
.cover-active #cover-section .et-pb-controllers { 

}

/* Header normal for internal pages */
#main-header, #main-header .nav li ul, #main-header .et_mobile_menu, #main-header.cover-header  {
}

/* Cover active header normal */
.cover-active #main-header { 
	
}

/* Header once it touches the top edge */
#main-header.cover-header { 
	
}

/* Submenu position for bottom header (desktop / mobile) */
.cover-active #main-header .sub-menu, .cover-active #main-header #mobile_menu {

}

/* Submenu position for bottom header (desktop) */
.cover-active #main-header .sub-menu {

}

/* Submenu position for bottom header (mobile) */
.cover-active #main-header #mobile_menu {

}

/* Submenu position for top header (desktop / mobile) */
.cover-active #main-header.cover-header .sub-menu, .cover-active #main-header.cover-header #mobile_menu {

}

/* Submenu position for top header (desktop) */
.cover-active #main-header.cover-header .sub-menu {

}

/* Submenu position for top header (mobile) */
.cover-active #main-header.cover-header #mobile_menu {

}
    
/* add padding for the logo and navigation as we have moved them to the edges of the screen */    
#logo {}  
#et-top-navigation {}

    
/*grey maps look so much cooler, right? */
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

/* Larger font size and uppercase h2 header titles*/
h2{}