/*
Theme Name:  CCF
Theme URI:   http://edgedatawave.net
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site CCF.
Author:      admin
Author URI:  http://edgedatawave.net
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/* AD BANNER */
/* On screens that are 1730px or less */
@media screen and (max-width: 1730px) {
  #adbanner {
    width: 120px !important;
    height: 300px !important;	  
  }
}

@media screen and (max-width: 980px) {
  #adbanner {
    display: none; 
  }
}

/* Increase width of vertical navigation */
@media (min-width: 981px) and (max-width: 1146px) {
.et_vertical_nav #page-container #main-header{
width:20%;
}
.et_vertical_nav #et-main-area, .et_vertical_nav #top-header{
margin-left:20% !important;
}
}

@media (min-width: 1147px) {
.et_vertical_nav #page-container #main-header{
width:13%;
}
.et_vertical_nav #et-main-area, .et_vertical_nav #top-header{
margin-left:13% !important;
}
}

#top-menu li:hover {
 background-color: #0fa1d2;
 color: #ffffff;
}

#top-menu li.current-menu-item > a {
    background-color: #0fa1d2 !important;
}
/*This will change the active main menu item colour when a submenu item is active*/
#top-menu li.current-menu-ancestor > a {
    background-color: #0fa1d2 !important;
}
/*This will change the active submenu item colour*/
.nav li ul .current-menu-item a {
    background-color: #0fa1d2 !important;
}

.et_vertical_nav #main-header .container {
   width: auto;
   margin: 0 20px;
}

@media (min-width: 981px) {
#top-menu li {
   padding: 0px !important;	
   background: #003466;
   margin: 0 0 8px 0;
}
	
#main-header #logo {
    margin-bottom: 0px !important;
}
	

#top-menu li a {
   color: #ffffff !important;
   padding: 10px 10px !important;
   margin: 0 !important;
}

.et_vertical_nav #main-header .container {
   width: auto;
   margin: 0 20px;
}
}