/* 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;
}

.banner.include-nav .op-logo {
    line-height: 67px;
}

.banner .op-logo img {
    /* max-width: 120px !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) {
  
  .banner .op-logo img {
    /* max-width: 67px !important; */
  }
  
  .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%;
  }
  
  .banner.include-nav .op-logo {
    line-height: 39px;
  }
}

@media only screen and (max-width: 360px) {
  
  .banner .op-logo img {
    /* max-width: 67px !important; */
  }
 
  .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 {
  	font-family: "Open Sans", sans-serif;
    color: #2A6489 !important;
    font-size: 30px !important;
  	font-weight: bold !important;
    letter-spacing: -1px;
    padding: 10px 20px 6px 15px !important;
    width: 85%;
    float: right;
}

li.hb-menu-phone a:hover {

}

span.hb-phone-icon {
    display: block;
    background: url(http://ridgewayconsulting.com.au/wp-content/uploads/2015/11/phone-icon1.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: 67px !important;
  }
  
  .dk-select.selectnav.dk {
      display: none !important; 
  }
  
  span.hb-phone-icon {
      background: url(http://ridgewayconsulting.com.au/wp-content/uploads/2016/08/phone-icon-white.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;
  }
    
}

/* Phone Number Defaults */

a.phone-tracking, a.phone-tracking:hover, a.phone-tracking:focus, a.phone-tracking:visited {
  color: #ffed00;
}

a.phone-tracking, a.phone-tracking:visited, a.phone-tracking:focus {
  text-decoration: none;
}

a.phone-tracking:hover {
  text-decoration: underline;
}

.banner.include-nav .hb-menu-phone a, .banner.include-nav .hb-menu-phone a:hover, .banner.include-nav .hb-menu-phone a:visited {
  color: green !important;
}

.hb-footer a.phone-tracking, .hb-footer a.phone-tracking:hover, .hb-footer a.phone-tracking:visited {
  color: #ffffff;
}

/* LiftSlot Building Dropdown */

select#liftslot-building {
    width: 100%;
    height: 50px;
    padding: 10px;
    font-size: 20px;
}

/* ********* Thrive Pages CSS **************** */
/* All Thrive pages MUST have the class .thrive */
/* Preface all Thrive CSS with body.thrive     */

/* Main Thrive colours */


/* Header Links */
body.thrive header ul.menu > li > a {
    color: #CC0079;
}

body.thrive header ul.menu > li > a:hover {
    color: #67003d;
}

/* Header Phone */
body.thrive .phone .phr, .phone_mobile .phr {
    background: #CC0079;
}

body.thrive .phone .phr:hover, .phone_mobile .phr:hover {
    background: #67003d;
}

iframe div.breadcrumb { display: none;}

@media only screen and (max-width: 774px) {
  body.thrive header .phone {
      display: table-cell !important;
  }
  
  body.thrive header .phr span:nth-child(1) {
      display: none !important;
  } 
}

/* Thrive Header */
body.thrive header {
    background: #ffffff;
}

body.thrive header #logo > a > img {
    max-width: 104px !important;
}

body.thrive #floating_menu.mff .apnr {
 	 display: block !important;
}

/*Thrive Footer */
body.thrive footer .ftw {
    background: #CC0079;
}

body.thrive footer .fmn {
    background: #ffffff;
}