/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
@import url("animate.min.css");
@import url("hover-min.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/**** Site Background Color 

.et_pb_gallery .et-pb-controllers { 
display: none !important;
}

#main-content {
    background-color: #0f8cc5;
    background-image: radial-gradient(circle, #0f8cc5, #165387);
}

Site Background Color ****/

/*** Transparent Menu ***/

	/* Home Page *
	
.home #main-header {
background-color: rgba(0, 0, 0, 0);
}
.home .et-fixed-header#main-header{ background-color: #282828;
}
#main-header{
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
	/* Contact Page * 
.page-id-102 #main-header {
background-color: transparent;
}
.home .et-fixed-header#main-header{ background-color: #282828;
}
	/* About Page *
.page-id-147 #main-header {
background-color: transparent;
}
.home .et-fixed-header#main-header{ background-color: #282828;
} 

/*** Transparent menu Ends Here ***/

/** One page Menu Color on Active Link Starts Here Defined as ds-section on CSS Class

       Add this to Divi Integration
<script src="/wp-content/themes/Divi-child/js/menu.js"></script> finish comment here with /  *


#main-header #top-menu a.ds-menu-active,
.et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
    color: #FE437D !important;
}
/** One page Menu Color on Active Link Ends Here **/


/** Manke Menu Item stand out starts here
#top-menu li#menu-item-44 a {
border: 1px solid #000;
padding: 10px !important;
border-radius: 3px;
}
#top-menu li#menu-item-44:hover a {
background-color: #000000;
color: #ffffff !important;
}
/** Manke Menu Item stand out ends here **/


/********************************************* Single post, Archive, Search Results, 404, PAGE CUSTOMIZATIONS START HERE **********************************************/


/**** Background for Blog Posts ****/

.single-post #content-area, .archive #content-area, .search-results #content-area {
background-color: #fff;
padding: 20px;
border-radius:20px;
box-shadow: 10px -6px 10px rgba(0, 0, 0, .5);
}

/**** Background for Blog Posts ****/


/**** Menu background for Blog posts only ****/

.single-post #main-header, .archive #main-header, .search-results #main-header, .error404 #main-header {
background:#000 !important;
}

.single-post #top-header, .archive #top-header, .search-results #top-header, .error404 #top-header, #et-secondary-nav li ul {
    background-color: #000000;
}

.single-post #top-header.et-fixed-header, .archive #top-header.et-fixed-header, .search-results #top-header.et-fixed-header, #top-header.et-fixed-header, .error404 #top-header.et-fixed-header #et-secondary-nav li ul {
    background-color: #000000;
}
/**** Header background for Blog posts only ****/

/***** Remove Line next to side bar on blog posts *****/

.single-post #main-content .container::before, .archive #main-content .container::before, .search-results #main-content .container::before, .error404 #main-content .container::before {
    background: none;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
}

/***** Remove Line next to side bar on blog posts *****/

/**** Single post page bottom padding ******/

.single-post #main-content, .archive #main-content, .search-results #main-content {
    padding-bottom: 30px;
}

/**** Single post page bottom padding ******/

/****** Side bar on single post page ****/
.single-post #sidebar, .archive #sidebar, .search-results #sidebar {
    background: #F0F0F0;
    border-radius: 10px;
    float: left;
    padding-top: 40px;
    width: 20.875%;
}
/****** Side bar on single post page ****/

/********************************************* Single post, Archive, Search Results, 404, PAGE CUSTOMIZATIONS END HERE **********************************************/

/* Blog and Site background Color */

#main-content {
    background-color: #eee!important;
}

/*********************************
change to black logo for fixed header 
**********************************/

/*Define White Logo*/
	/* Home Page 
.home #logo {
content: url('/wp-content/uploads/2018/05/LogoW_Big.png') !important; 
}
*/
	/* Contact Page 
.page-id-102 #logo {
content: url('/wp-content/uploads/2018/05/LogoW_Big.png') !important; 
}
*/

/* White Menu */

	/* Home Page 
.home #top-menu a {
color: #fff !important;
}
*/
	/* Contact Page 
.page-id-102 #top-menu a {
color: #fff !important;
}
*/

/** Captcha color **/

.et_pb_contact_captcha_question {
	color: #2ea3f2;
	font-size: 20px;
}
/** Captcha color ends here**/