/* Enter Your Custom CSS Here */
/*-- Navigation Top - Shadow --*/
.av-main-nav > li > a {
    font-size: 21px !important;
   font-family: 'capostal-regularregular' !important;
}
   

#mobile-advanced  a:before {display: none;}


/*-- Header Btn - Order Coffee --*/
#top #header .av-menu-button > a .avia-menu-text {
    -background: none repeat scroll 0 0 #bf502e;
    -border: 3px solid #E9E5DC !important;
}

#menu-item-479 {
	background: url("https://www.ruinscafe.com.au/wp-content/uploads/2015/03/coffee-btn5.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    height: 146px;
    margin-top: -2px;
    text-indent: -999999px;
    width: 132px;
    margin-right: 12px;
    margin-left: 10px;
}
#menu-item-479  a {
   height: 146px !important;
   display: block;
}
/*-- Facebook BTN --*/
#menu-item-462 {
    background: url("https://www.ruinscafe.com.au/wp-content/uploads/2015/03/fb-bg.png");
    height: 146px;
    margin-top: -2px;
    text-indent: -999999px;
    width: 67px;
}
#menu-item-462  a {
   height: 146px !important;
   display: block;
}

/*-- Header Btn - Order Coffee - Slide --*/
#top .avia-slideshow-button {
    -background: none repeat scroll 0 0 #bf502e;
    -border-bottom: 1px solid #a33818;
}

/*-- Special Headers --*/
#top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp {
    text-shadow: 2px 1px 3px #333333;
}

#socket .copyright {
    color: #ffffff;
}

@media (max-width: 1050px) {
.av-main-nav > li > a {
    font-size: 20px !important;
}
    .logo {
    margin-top: 20px;
    width: 20% !important;
}
}
@media (max-width: 920px) {
.av-main-nav > li > a {
    font-size: 17px !important;
}
}
@media (max-width: 800px) {

     .inner-container .logo {
       float: left;
       margin-top: 38px;
       width: 18% !important;
    }
}

@media (max-width: 605px) {
#menu-item-479 {
    background: #ffffff !important;
    height: 50px;
    -margin-top: -2px;
    text-indent: 0px;
    width: 100%;
}
#menu-item-479  a {
   height: 50px !important;
   border-bottom: 1px solid #e7e7e7 !important;
}

#menu-item-462 {
    background: none;
    -height: auto;
    -margin-top: -2px;
    text-indent: 0px;
    width: 100%;
}
#menu-item-462  a {
   height: 50px !important;
   border-bottom: 1px solid #e7e7e7 !important;
}

}

@media only screen and (max-width: 736px) {
  .inner-container .logo  {margin-top: 0px; width: 100% !important;}
}

h2 { 
  font-family: 'capostal-regularregular';
}

.wpcf7-text {
    width: 100% !important;
}