/* Logo position */
.banner .op-logo img {
    margin-top: 20px;
}

/* Fixed Navigation */

.container.main-content {
 	margin-top: 86px; 
}

.banner.include-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: white;
}

body.admin-bar .banner.include-nav {
    top: 32px;
}

.nav-bar-below.visible {
    position: fixed;
    top: 55px;
    width: 100%;
  }

body.admin-bar .nav-bar-below.visible {
    position: fixed;
    top: 102px;
    width: 100%;
  }

#hba-mobile-menu-icon {
    position: fixed !important;
}


/* Mobile Responsive Navbar */

.nav-bar-below {display: none;}

#hba-mobile-menu-icon {display: none;}

#hba-mobile-menu-icon.active {
    line-height: 25px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#hba-mobile-menu-icon:hover {
    cursor: pointer;
}

@media only screen and (max-width: 960px) {
  
  .container.main-content {
    margin-top: 56px;
  }
  
  body.admin-bar .banner.include-nav {
    top: 42px;
  }
  
  .container .sixteen.columns {
    float: right;
    position: absolute;
    right: 10px;
  }
  
  #hba-mobile-menu-icon {
    display: block;
    position: absolute;
    z-index: 999999;
    top: 20px;
    left: 14px;
    font-size: 35px;
    font-weight: bold;
  }
  
  body.admin-bar #hba-mobile-menu-icon {
    top: 63px;
  }
  
  .nav-bar-below.visible {
    display: block;
  }
  
  .nav-bar-below #navigation-below li {
   	width: 100%;
  }
}

@media only screen and (max-width: 360px) {
 
  .container .eight.columns {
    width: 30% !important;
    margin-left: 20px;
  }
  
  body .container .sixteen.columns {
    width: 44% !important;
  }
  
  body li.hb-menu-phone a {
    font-size: 17px !important;
    letter-spacing: -1px;
  }
  
  #hba-mobile-menu-icon {
    top: 17px;
    left: 6px;
    font-size: 30px;
  }
  
  body span.hb-phone-icon {
    margin-top: 3px !important;
  }
  
}

/* Header Nav w/ Number */

.banner.include-nav {
 	padding: 10px 0 !important; 
}

#navigation-alongside {
 	margin-top: 11px; 
}

#navigation-alongside li:not(.hb-menu-phone) {
    margin-top: 13px;
}

#navigation-alongside li:not(.hb-menu-phone) a {
    font-size: 15px;
  	padding: 10px !important;
}

#navigation-alongside .sub-menu li {
 	margin-top: 0; 
}

li.hb-menu-phone {
    background: none !important;
    border-radius: 0px !important;
    margin-left: 15px !important;
}

li.hb-menu-phone a {
    color: green !important;
    font-size: 30px !important;
    letter-spacing: -2px;
    padding: 10px 20px 6px 15px !important;
    width: 85%;
    float: right;
}

li.hb-menu-phone a:hover {

}

span.hb-phone-icon {
    display: block;
    background: url(https://hummingbirdtraining.com.au/wp-content/uploads/2014/03/phone-icon.png) no-repeat;
    height: 13px;
    width: 22px;
    float: left;
    margin-top: 15px;
}

.sub-menu li a {
 	font-size: 12px !important; 
}

@media only screen and (max-width: 959px) {
 
  body li.hb-menu-phone {
    background: #1c6a84 !important;
    border-radius: 50px !important;
    /* margin-left: 15px !important; */
  }
  
 li.hb-menu-phone:hover {
    background: #235769 !important;
    border-radius: 50px !important;
 }
  
 body li.hb-menu-phone a {
    color: #ffffff !important;
 }

#navigation-alongside li:not(.hb-menu-phone) {
    display: none;
}

.js #navigation-above, .js #navigation-alongside, .js #navigation-below {
    display: block !important;
}

.container .eight.columns, .container .sixteen.columns {
    width: 47% !important;
}
  
.container .sixteen.columns {
   float: right; 
}

#navigation-alongside {
    margin-top: 2px;
}

.banner .op-logo img {
    max-width: 130px !important;
}
  
.dk-select.selectnav.dk {
    display: none !important; 
}
  
span.hb-phone-icon {
    background: url(https://hummingbirdtraining.com.au/wp-content/uploads/2014/03/phone-icon.png) no-repeat;
    height: 13px;
    width: 22px;
    margin-top: 6px !important;
}
  
li.hb-menu-phone a {
    font-size: 20px !important;
    padding: 10px 15px 6px 15px !important;
}
  
  
}

/* Banded Radio Inputs for forms */
.frm_form_field.radio {
    background-color: #EFEFEF;
    margin-bottom: 3px !important;
    padding: 10px 15px !important;
}

.frm_form_field.radio:nth-of-type(2n) {
    background-color: #E0E0E0;
}

body.home .banner .navigation ul#navigation-alongside>li>a {
    color: #ffffff;
}