/*
 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: #000!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**/



/*Cool Background For Home Header*/

/* Gradient Dots Background */
.gradient-dots-bg {
  position: relative;
  overflow: hidden;
  background: #0b0f19;
}

.gradient-dots-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(88,101,242,0.25), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(236,72,153,0.25), transparent 40%),
    radial-gradient(circle at 50% 70%, rgba(34,211,238,0.25), transparent 40%);
  filter: blur(40px);
  z-index: 0;
}

/* dot pattern */
.gradient-dots-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255,255,255,0.15) 1px,
    transparent 1px
  );
  background-size: 20px 20px;
  opacity: 0.35;
  z-index: 1;
}

/* Ensure content stays on top */
.gradient-dots-bg > * {
  position: relative;
  z-index: 2;
}

.gradient-dots-bg::before {
  background-size: 200% 200%;
  animation: gradientMove 16s linear infinite;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

#footer-bottom {
  background-color: #1f1f1f;
  background: linear-gradient(90deg, #00ffff, #00ff88, #ffff66, #ff3366, #00ffff);
  padding: 5px 0 5px;
}
#footer-info a {
  font-weight: 700;
  color: #000 !important;
}