/*
 Theme Name:   WHOI Default Divi Child
 Description:  Divi Child 
 Author:       H. Gordon/K. Joyce
 Author URI:   http://whoi-it.whoi.edu
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* deprecated method to pull in parent theme.
@import url("../Divi/style.css");
*/


/* Theme customizations */

/* branding */

svg#Layer_1 {fill: #5d95bc;width: 35%;float: left;}

div#top-header {padding: 0 0 .5em 0;}

#et-secondary-menu {padding: .5em 0 0 0;}

/* header */

header#main-header { background: url("/wp-content/uploads/2016/09/bg-banner.jpg");}

#logo {max-height: 100%;}

header#main-header {padding: 1em 0;}

ul#top-menu { text-transform: uppercase; letter-spacing: 1px;margin-top: .5em;}

/* homepage blurbs */

.et_pb_main_blurb_image {margin-bottom: 10px;}

/* extended footer */

.footer-widget:first-child { width: 45% !important; }

.footer-widget:nth-child(2) { width: 20% !important; }

.footer-widget:nth-child(3) { width: 20% !important; }

#footer-widgets .footer-widget li { padding-left: 0px; }

#footer-widgets .footer-widget li:before { border-style: none; }

div#footer-widgets {font-size: .9em;}

div#footer-widgets a {color:#8dc7f0;}

svg#Layer_2 { max-width: 25%; float: left; margin-right: 1.2em; fill: #5d95bc;}


/* footer */

#footer-info {float: none;padding-bottom: 10px;}

div#footer-bottom  {  padding: 15px 0; }

div#footer-bottom p {color:#5d95bc;text-align: center;font-size: 12px;margin:0;padding:0}

div#footer-bottom p a {color:#8dc7f0;}

/* subnav */

.nav li ul {
    visibility: hidden;
    z-index: 9999;
    width: 300px;
    border-top: 3px solid #ed1c24;
    padding: 0;
}

#top-menu a {color: #d9d9d9;text-transform:uppercase;font-size:14px;}
#top-menu a:hover, #top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a {color:#d9d9d9;}

nav#top-menu-nav {float: left;}

#top-menu li li {
    margin: 0;
    padding: 0em;
    line-height: 1.5em;
}

#top-menu li li a {
    color: #173656;
    text-transform:none;
    width: 300px;
    display: block;
    padding: 1em;
}

#top-menu li li a:hover, #top-menu li li.current-menu-item  {
background:#173656;
opacity:1;

}