/*
Theme Name:     Divi - TWU556
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi with some custom coding in functions for 556
Template:       Divi
Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

#logo {
max-height: 90%;
max-width: 100%
}

/*center footer menu */
.bottom-nav {
text-align: center;
}

#top-header {
background-color: #283887 !important;
}

/*megamenu for desktop*/
.mega-link > a {
    text-align: center;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 3px;
}
 
.mega-link > a img {
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
}

/* Look Less-Divi Removes top line border and adds shadow effect */
.nav li ul {
    border-top: none;
    box-shadow: 0px 10px 20px 2px rgba(30, 30, 30, 0.08) inset;
}

/* Dropdown Menu Delay Animation */

.et_fullwidth_nav #top-menu li.mega-menu > ul {
    transition-delay: 1s;
}
/*change logo based on screen size*/

/*tablets*/
@media only screen and (max-width: 968px) {
  
  #logo {
    content: url("https://s3.amazonaws.com/twu556/static/TWU-556-Logo-80x384px.png");
  }
}



/*phones*/
@media only screen and (max-width: 414px) {
  /* Changes mobile logo to specified image*/
 #logo {
    content: url("https://s3.amazonaws.com/twu556/static/new_header-website-twu-logo.png");
  }
}
/*control when Mobile Menu kicks in */
@media only screen and ( max-width: 1219px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: block;}
#et_mobile_nav_menu {display: block;}
}

/*custom mobile menu - using CSS tag "formobile" */
@media only screen and (max-width: 1219px){
.et_mobile_menu .formobile a{
display:block !important;
}
}

.formobile a{
display: none !important;
}


/*removing padding from custom mobile when in desktop*/
#top-menu li.menu-item-31576{
padding-right: 0px;
}
#top-menu li.menu-item-31570{
padding-right: 0px;
}
#top-menu li.menu-item-31573{
padding-right: 0px;
}
#top-menu li.menu-item-31578{
padding-right: 0px;
}
#top-menu li.menu-item-31577{
padding-right: 0px;
}
#top-menu li.menu-item-31846{
padding-right: 0px;
}

/*menu spacing*/
#top-menu li{
padding-right: 18px;
}

/*custom dropdowns on mobile*/
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0; }
.et_pb_widget_area_left { border-right:0; }

div .grid-search {
    list-style-type:none !important;
    }