/* green-nav-edmonton.php */

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  position: fixed;
  height:67px;
  top: 0;
z-index: 111111111111111;
  right: 0;
  -webkit-box-shadow: 0 6px 14px rgb(47 47 47 / 34%);
  max-width: 1366px;
  background: ghostwhite;
  margin: auto;
  left: 0;
}
.nonsticky {width: auto; text-align: center}
/* Mobile NAV */
.new-mobile {
    height: 4px;
    display: none;
    top: 0;
    min-width: 100%;
    margin: 0;
}
.mob-menu {
  margin: -2px 4%;
  font-size: 2.4rem;
  float: right;
}
.mob-logo {text-align:center}

.mob-phone {
  width: 26px;
  margin: 16px 6%;
  display: inline-block;
  float: left;
}
.mob-button {
  width: 44%;
  display: inline-block;
  text-align: center;
    border-radius: 25px;
  border: 2px solid #CACACA;
  margin: 1%;
}

.main-links {
  display: inline-block;
  font-size: 22px;
  padding: 8px;
  line-height: 1;
  max-width: 182px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
  z-index: 1111111111;
}

.sidenav a {
  text-decoration: none;
  color: #818181;
  transition: 0.3s;
}

.sidenav a:hover{
  color: red;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
/* Full Page NAV */

.primary-header {
   background: #2887c8;
  background-color: rgb(40, 135, 200);
  top: 0;
  z-index: 1000;
  border-color: #e7e7e7;

  background-color: #f8f8f8;
  width: auto;
   right: 0;
  float: right;
  text-align: right;
  background: ghostwhite;
}

#logo {
   z-index: 7;
  left: 0;
}
.btn {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    white-space: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 105px;
    font-family: helvetica neue;
}
.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.w3-button {text-transform: uppercase;padding: 8px 12px;}
.w3-button-red { color:white;background-color: #b73333}
.w3-container {float: right;  padding: 1px 8px;}
.w3-button:hover {background-color: #e0dfdf}
.w3-button-red:hover {background-color: #a31313}



@media only screen and (max-width: 1050px){
div.sticky {display: none}
.new-mobile { display: inline-block}
.top {
    margin-top: 54px;
}
.primary-header {
    display: none;
}
.main-feat {max-width:100%}
 
p.bigbold {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1;
    font-size: 35px;
    color: inherit;
}
}