/* ONLYMELB USE  --> globalrn.css */

/* city sites use this file */

/* CSS custom */

/*
symbols
star = ✻
arrow = →
colours
#FFCC00 = Melbourne
*/

.button-container {
  text-align: center; /* Centers the button horizontally */
}

.avatar {
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.seacrh_dropdown_nav{
  left: -250px !important;
  top: 45px !important;
}
.login_dropdown_nav {
  left: -102px !important;
  top: 45px !important;
}
@media screen and (max-width: 991px) {
  .seacrh_dropdown_nav {
    left: 0px !important;
    top: 43px !important;
}
.login_dropdown_nav {
  left: 0px !important;
  top: 43px !important;
}
}

.navbar-letter {
	margin: 0 8px 0 20px;
/*	font-size: 1.60rem;
	color: #FFCC00; */
	width: 27px;
	height:25px;
}

/*  onlymelbourne top nav */

.bg-dark {
  background-color: #000 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #000 !important;
}

.hdataCity { COLOR:#FFCC00; }
.hdataCity:hover { COLOR:#c9c9c9; }

/* Add a gray background color and some padding to the footer */
footer {
	background-color: #FFCC00;
    padding: 25px;
}

.slipe {
/*    padding: 10px;
BORDER: #FFCC00 0px solid;*/
}

h1, .h1,
{
color: #000;
}
h2, .h2,
{
color: #FFCC00;
}
h3, .h3,
{
color: #222;
}
h4, .h4,
{
color: #333;
}
h5, .h5,
{
color: #444;
}
h6, .h6,
{
color: #555;
}

.hide {
    display: none;
}

	/* home page stuff */

.feat-index_image A IMG {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 100px; PADDING-TOP: 3px; HEIGHT: 100px }

.feat-index_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 10px 5px 5px; }

.om-index_image A IMG {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 70px; PADDING-TOP: 3px; HEIGHT: 70px }

.om-index_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 10px 5px 5px; }

.city-side_image A IMG {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 50px; PADDING-TOP: 2px; HEIGHT: 50px
}

.city-side_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 8px 0px 5px; }

.city-index_image A IMG {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 70px; PADDING-TOP: 3px; HEIGHT: 70px }

.city-index_image A IMG {
FLOAT: left; 	BORDER: #c9c9c9 1px solid; DISPLAY: block; MARGIN: 5px 10px 5px 5px; }

.city-side_image A IMG {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 50px; PADDING-TOP: 2px; HEIGHT: 50px
}

.city-side_image A IMG {
FLOAT: left; 	BORDER: #ccc 1px solid; DISPLAY: block; MARGIN: 5px 8px 0px 5px; }


/* side bar panels */

.main{
text-align:center;
border: 3px solid #FFCC00;
float:left;	width: auto;
color: #333333;
font-family: Arial;
font-size: 13pt;
font-stretch: semi-expanded;
font-variant: small-caps;
font-weight: bold;
margin-bottom: 0;
text-decoration: none;
}

.tableindex {
Padding: 0px;
width: 98%;
border: 0px;
COLOR: #4a4a4a;
text-align:left;
}


.categoryp-table {
background-color: #01A3A6;
COLOR: #FFFFFF;
margin-top:3px;
text-align: right;
width: 100%;
border: 0px;
padding:0px 10px 2px 10px;
text-align:right;
}

/* sidebar titles */
.tab-head {
 width: 295px;
 height: 35px;
  FONT-FAMILY: Georgia,Verdana, Arial;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 14pt;
  COLOR: #FFCC00;
  BORDER-BOTTOM: #FFCC00 1px solid;
 margin: 20px 0px 20px 0px;
 padding: 2px;
}

li.newsletter {
list-style:square;
color:#333;
margin-left:25px;
margin-right:0px;
line-height: 2em;
}

li.list1 {
list-style:square;
color:#777;
margin-left:10px;
margin-right:0px;
line-height: 2em;
}

/* TEXT LINKS */

a.searchResultsLevel:link	{ font-size: 13px; color:#000000;  text-decoration:underline; }
a.searchResultsLevel:active { font-size: 13px; color:#000000;    text-decoration:underline; }
a.searchResultsLevel:visited { font-size: 13px; color:#000000;   text-decoration:underline; }
a.searchResultsLevel:hover { font-size: 13px; color:#ffffff;  text-decoration:none; }

a.baselink:link { font-size: 14px; color: #0066ff; text-decoration: underline; }
a.baselink:visited {font-size: 14px; color: #0066ff; text-decoration: underline; }
a.baselink:active {font-size: 14px; color: #0066ff; text-decoration: underline; }
a.baselink:hover {font-size: 14px; color: #FFCC00; text-decoration: underline; }

a.listtitle:link { font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.listtitle:visited {font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.listtitle:active {font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.listtitle:hover {font-weight:bold; font-size: 16px; color: #FFCC00; text-decoration: underline; font-stretch: semi-expanded}

a.titlenew:link { font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.titlenew:visited {font-weight:bold; font-size: 16px; color: #f8f8f8; text-decoration: underline; font-stretch: semi-expanded}
a.titlenew:active {font-weight:bold; font-size: 16px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.titlenew:hover {font-weight:bold; font-size: 16px; color: #FFCC00; text-decoration: underline; font-stretch: semi-expanded}

a.indextitle:link { font-weight:bold; font-size: 18px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.indextitle:visited {font-weight:bold; font-size: 18px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.indextitle:active {font-weight:bold; font-size: 18px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.indextitle:hover {font-weight:bold; font-size: 18px; color: #FFCC00; text-decoration: underline; font-stretch: semi-expanded}

a.venueL:link { font-weight:bold; font-size: 20px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.venueL:visited {font-weight:bold; font-size: 20px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.venueL:active {font-weight:bold; font-size: 20px; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}
a.venueL:hover {font-weight:bold; font-size: 20px; color: #FFCC00; text-decoration: none; font-stretch: semi-expanded}

a.venuetitle:link { font-weight:bold; font-family: Verdana; font-size: 14pt; color: #333; text-decoration: underline; font-stretch: semi-expanded}
a.venuetitle:visited {font-weight:bold; font-family: Verdana;font-size: 14pt; color: #333; text-decoration: underline; font-stretch: semi-expanded}
a.venuetitle:active {font-weight:bold; font-family: Verdana; font-size: 14pt; color: #333; text-decoration: underline; font-stretch: semi-expanded}
a.venuetitle:hover {font-weight:bold; font-family: Verdana; font-size: 14pt; color: #0066ff; text-decoration: underline; font-stretch: semi-expanded}

/* category listings 2018 = melbourne-inc-r.php */
/* contains horizontal navigation links */

a.dinfo:link {color: #777; text-decoration: none; }
a.dinfo:visited {color: #777; text-decoration: none; }
a.dinfo:active {color: #777; text-decoration: none; }
a.dinfo:hover {color: #333; text-decoration: none; }

a.ainfo:link {font-size: 13px; color: #777777; text-decoration: none; }
a.ainfo:visited {font-size: 13px; color: #777777; text-decoration: none; }
a.ainfo:active {font-size: 13px; color: #777777; text-decoration: none; }
a.ainfo:hover {font-size: 13px; color: #777777; text-decoration: none; }

.ainfotext {font-size: 13px; color: #777777;}

.hgreen {color: #008000;}

#CatDescription-css {
 width: 98%;
 background: #F8f8f8;
 margin: 0px 0px 0px 0px;
 PADDING: 8px;
border: 1px #ccc solid;
font-size: 14px; text-decoration: none; color: #666666
}

#city-cats {
 width: 95%;
 margin: 0px 0px 0px 0px;
 PADDING: 5px;
}

.categoryp-table {
background-color: #FFCC00;
COLOR: #FFFFFF;
margin-top:3px;
text-align: right;
width: 100%;
border: 0px;
padding:0px 10px 2px 10px;
text-align:right;
}

.gcentre {
text-align: center;
 }

 .gright {
 text-align: right;
  }

.footerr {
text-align:center;
COLOR: #FFFFFF;
}

.footerspace {
MARGIN: 30px 0 20px 0; /* space above and below footer */
}

.cityf {
COLOR: #FFFFFF;
}

a.cityf:link { color: #FFFFFF; text-decoration: none;}
a.cityf:visited { color: #FFFFFF; text-decoration: none;}
a.cityf:active { color: #FFFFFF; text-decoration: none;}
a.cityf:hover { color: #FFCC00; text-decoration: underline;}

.baset {
  FONT-FAMILY: Georgia,Verdana, Arial;
  FONT-WEIGHT: bolder;
  FONT-SIZE: 14pt;
  COLOR: #FFCC00;
  BORDER-BOTTOM: #FFCC00 1px solid;
 margin: 10px 0px 20px 0px;
 padding: 2px;
}

.btn-oa {
  color: #000;
  background-color: #FFCC00;
  border-color: #FFF;
  font-weight: bold;
}

.btn-oa:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-oa:focus, .btn-oa.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-oa.disabled, .btn-oa:disabled {
  color: #212529;
  background-color: #f8f9fa;
/*  border-color: #f8f9fa; same */
}

.btn-oa:not(:disabled):not(.disabled):active, .btn-oa:not(:disabled):not(.disabled).active,
.show > .btn-oa.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-oa:not(:disabled):not(.disabled):active:focus, .btn-oa:not(:disabled):not(.disabled).active:focus,
.show > .btn-oa.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.butfoots {
  margin-bottom: 5px;
  opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

.butfoots:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.spacer1px {
border: 0px;
padding: 0px;
height: 1px;
}

.image100 {
    width: 100%;
}

img.image40 {
		width: 40%;
		border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
		}

/* BREADCRUMB  RESPONSIVE */

.breadcrumb {
clear: both;
width: 100%;
background-color: #c9c9c9;
border: 0px;
Padding: 6px;
margin: 80px 0 10px 0;
}

a.melbournebreadcrumb:link	{ color:#777;  text-decoration:underline; }
a.melbournebreadcrumb:active { color:#777;  text-decoration:underline; }
a.melbournebreadcrumb:visited { color:#777;  text-decoration:underline; }
a.melbournebreadcrumb:hover { color:#000;  text-decoration:none; }

.textbreadcrumb { color:#777; }

.dateoutput   { text-indent:20px; padding:5px 0px 5px 10px; color: #555555}

/* profile css */

.profileimag {
    width: 95%;
	border: 0px;
}

.smimg {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
padding-left: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 5px;
}

.smimg:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
padding-left: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 5px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Hover*/

.generic_popup {
    background-color: White;
    border: 2px solid grey;
    border-collapse: collapse;
    color: #777777;
    float: left;
    padding: 10px;
    position: absolute;
    width: 300px;
    z-index: 1000;
	right:500px;

}
.generic_popup table td{
 color:#777777;
}

#profile-social-wrapper {
 margin: 0 auto;
 width: 500px;
}

#profile-social-leftcolumn {
 margin: 0px;
 padding: 0px;
 width: 400px;
 float: left;
}

#profile-social-rightcolumn {
 margin: 0px;
 padding: 0px;
 width: 100px;
 display: inline;
}

.listingdes   { text-indent:20px;     padding:5px 0px 5px 10px; font-family: Verdana,Helvetica, arial; font-size: 8pt; text-decoration: none; color: #555555}

/* newsletter - 609px x 200px */
IMG.nlpc1 { width: 90%; BORDER: 0px }

TABLE.csstable { /* major fuckup doesnt work with 100% */
Padding: 0px;
width: 100%;
border: 0px;
}

.nlh2 {
/* display: inline; */
color:#444;
font-size: 28px;
margin: 0 0 8px 0;
 padding-left: 30px;
background:url(https://www.onlymelbourne.com.au/image/icon-ico-om.png) no-repeat left;
}

/* Hide on tablet and desktop, show only on screens <768px */
.mobile-ad {
  display: none;
}

@media (max-width: 767.98px) {
  .mobile-ad {
    display: block !important;
    margin: 20px auto;
  }
}