/* Overlay Logo */
#top-header {
  z-index: 99999;
}

#logo {
  min-height: 96px;
  margin-top: 0px;
  z-index: 100000;
}

@media only screen and (max-width: 980px) {
  #logo {
    margin-top: 0px;
  }
}

span.mobile_menu_bar:before {
  color: #ffffff !important;
}

/* Rotate Nav Arrows On Hover */
#top-menu li > a:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#top-menu li:hover > a:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*  Divi toggle animate arrow and change colour */
.et_pb_toggle_open .et_pb_toggle_title:before {
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out 0s;
  color: #1b3664;
}
.et_pb_toggle_title:before {
  font-size: 1em;
  transition: all 0.5s ease-in-out 0s;
  color: #1b3664;
}

/* Shrink Menu On Smaller Viewports */
@media only screen and (max-width: 1200px) {
  .container.clearfix.et_menu_container,
  #top-header .container.clearfix {
    max-width: 100% !important;
    width: 95% !important;
  }
}

@media only screen and (max-width: 1100px) {
  #top-menu li {
    padding-right: 13px !important;
  }
  #top-menu li a {
    font-size: 13px !important;
  }
}

/* Slider Mobile Tweaks */
@media screen and (max-width: 900px) {
  .et_pb_fullwidth_slider_0 .et_pb_slide {
    background-size: cover !important;
    height: 600px !important;
  }
}

@media screen and (max-width: 479px) {
  .et_pb_fullwidth_slider_0 .et_pb_slide {
    background-size: cover !important;
    height: 300px !important;
  }
}