/* CSS custom */

/* globalrn.css now lives in /css

!important; after keeps colour regardless

symbols
star = ✻
arrow = →

colours
#01A3A6 = Adelaide - teal #33CCD1   header-bg: #01A3A6;
Alice dark brown: bd3215 light brown: ed9176 .topnavstrip { BORDER-TOP: #ED9176 2px solid; border-bottom: #ED9176 2px solid;  }
#CC7F9C = Brisbane
#00008B = Canberra 8080c5 (7f87BF)
#8FA8C9 = Darwin
#8FA8C9 = Geelong
#ED9176 = NZ   header=bg: #bd3215 - .topnavstrip { BORDER-TOP: #cccccc 5px solid;  } < mostly black and white	
#829696 = Perth
#cc3333 = Sydney
#E21128 = Tas red 66CC33 = Green Line 33 38 48
<font color="<?=$dataCity['basecolour']?>"></font>

*/

/* header */

.navbar-letter {
	margin: 0 8px 0 20px;
	font-size: 1.60rem;
	color: #01A3A6;
}
.topnavstrip { BORDER-TOP: #33CCD1 2px solid; border-bottom: #33CCD1 2px solid;  }

/* header bg colour */
.bg-dark {
	background-color: #01A3A6;
}

/* navbar fixed-top navbar-expand-lg navbar-dark bg-dark topnavstrip */

.hdataCity { COLOR:#33CCD1; }
.hdataCity:hover { COLOR:#FFF; }

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

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
color: #01A3A6;
}

.hide {
    display: none;
}

/* Base (default = Melbourne) */
.event-links a{
  display:block;
  margin:10px 0;
  padding:14px 18px;
  background:#f8f8f8;
  border:1px solid #ffcc00; /* default outline */
  border-radius:8px;
  text-decoration:none;
  font-size:1rem;
  line-height:1.4;
  color:#000;
  transition:background .2s, box-shadow .2s;
}
.event-links a:hover{
  background:#eee;
  box-shadow:0 2px 4px rgba(0,0,0,.15);
}

/* City overrides by ID (change hexes as you like) */
.event-links.city-2  a{ border-color:#829696; } /* Perth */
.event-links.city-3  a{ border-color:#cc3333; } /* Sydney */
.event-links.city-4  a{ border-color:#01A3A6; } /* Adelaide */
.event-links.city-5  a{ border-color:#CC7F9C; } /* Brisbane */
.event-links.city-6  a{ border-color:#00008B; } /* Canberra */
.event-links.city-7  a{ border-color:#8FA8C9; } /* Darwin */
.event-links.city-9  a{ border-color:#8FA8C9; } /* Geelong */
.event-links.city-14 a{ border-color:#E21128; } /* Tasmania */

.myh1 {
font-size: 2.5rem;
font-weight: 500;
color: #01A3A6;
  margin-top: 0;
  margin-bottom: 0.5rem;
  }
.myh2 {
font-size: 2rem;
font-weight: 500;
color: #01A3A6;
  margin-top: 0;
  margin-bottom: 0.5rem;
  }
.myh3 {
font-size: 1.75rem;
font-weight: 500;
color: #01A3A6;
  margin-top: 0;
  margin-bottom: 0.5rem;
  }
.myh4 {
font-size: 1.5rem;
font-weight: 500;
color: #01A3A6;
  margin-top: 0;
  margin-bottom: 0.5rem;
  }

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

.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 */
.tablemain{
text-align:center;
border: 3px solid #01A3A6;
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;
}

.tablercss {
border: 0px;
width: 100%;
spacing: 0px;
padding: 0px;
}

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

/* TEXT LINKS */

/* aim for NO font sizes */

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

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

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

/* date top sidebarS */
a.citytime:link { font-weight:bold; font-family: Arial; color: #01A3A6; text-decoration: underline;font-stretch: semi-expanded}
a.citytime:visited { font-weight:bold; font-family: Arial;color: #01A3A6; text-decoration: underline;font-stretch: semi-expanded}
a.citytime:active { font-weight:bold; font-family: Arial; color: #01A3A6; text-decoration: underline;font-stretch: semi-expanded}
a.citytime:hover { font-weight:bold; font-family: Arial; color: #01A3A6; text-decoration: underline;font-stretch: semi-expanded}

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

a.baselink:link { color: #0066ff; text-decoration: underline; }
a.baselink:visited {color: #0066ff; text-decoration: underline; }
a.baselink:active {color: #0066ff; text-decoration: underline; }
a.baselink:hover {color: #01A3A6; text-decoration: underline; }

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

 a.font-weight-light:link { color: #888888; text-decoration: none;   font-weight: 300 !important;}
a.font-weight-light:visited {color: #888888; text-decoration: none;  font-weight: 300 !important; }
a.font-weight-light:active {color: #888888; text-decoration: none;  font-weight: 300 !important; }
a.font-weight-light:hover {color: #000000; text-decoration: none;  font-weight: 300 !important;}

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



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

.breadcrumb {
width: 100%;
background-color: #01A3A6;
border: 0px;
Padding: 5px;
margin: 30px 0px 0px 0px;
COLOR: #FFFFFF;
}

/* breadcrumb link */
a.city3:link { color: #FFFFFF;text-decoration: underline }       /* unvisited link */
a.city3:visited { color: #FFFFFF;text-decoration: underline }       /* unvisited link */
a.city3:active { color: #FFFFFF;text-decoration: underline }       /* unvisited link */
a.city3:hover { color: #000; text-decoration: none}

/* category page = cityinc2017.php */
/* contains horizontal navigation links */
#CatDescription-css {
 width: 96%;
background-color: #f4f4f4;
 margin: 0px 0px 0px 0px;
 PADDING: 5px;
border: 1px #C0C0C0 solid;
font-size: 14px; text-decoration: none; color: #666666
/*font-family: Verdana,Helvetica, Arial; text-decoration: none; color: #666666 /* WAS 14px */
/*	font-size: .75em;*/
}

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

.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;
}

.weathertable {
	MARGIN: 0 0 0 30px;
width:250px;border:solid 1px silver;padding:9px 9px 9px 9px;background-color:#ffffff;
	}
.sbCTable { }
.sbCTitle { font-size:20px; font-weight: bold; color: #01A3A6;}
.sbCTemp { font-size:18px; font-weight: bold; }
.sbCTomorrow { font-size:12px; padding-top:2px }
.sbIcon {width:36px;} /* icon image */

.gcentre {
text-align: center;
 }

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

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

.cityf {
COLOR: #FFFFFF;
}

a.cityf:hover { color: #01A3A6; text-decoration: none}

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

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

.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;
}

.btn-oa {
  color: #fff;
  background-color: #33CCD1;
  border-color: #33CCD1;
}

.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;
}

.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);
}

/* General ad block styling */
.ad-container {
  text-align: center;
  margin: 20px auto;
  max-width: 970px;
  min-height: 90px;      /* prevents layout shift */
  line-height: 0;
}

/* Google ad element */
.ad-container .adsbygoogle {
  display: block;
  margin: 0 auto;
}

/* Optional spacing below the ad */
.ad-container + * {
  margin-top: 10px;
}

/* Tablets */
@media (max-width: 991px) {
  .ad-container {
    max-width: 728px;
    min-height: 90px;
  }
}

/* Mobiles */
@media (max-width: 767px) {
  .ad-container {
    max-width: 320px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;      /* keeps it off the edges */
  }
}

/* ==========================================================================
   Adelaide overrides moved from shared/vendor CSS - Attempt 1
   ========================================================================== */

/*
 * Moved from globalrn.css.
 * Adelaide colour only; layout remains in globalrn.css.
 */
.remote-overlay h2 {
    color: #33CCD1;
}

/*
 * Moved from bootstrap.css.
 * Preserves the existing carousel caption appearance while returning
 * bootstrap.css to its standard Bootstrap 4.5.2 rule.
 */
.carousel-caption {
    right: 5%;
    bottom: 8px;
    left: 5%;
    padding-top: 0;
    padding-bottom: 8px;
}


/* ==========================================================
   CITY BUTTONS
   Change ONE colour for each city site
   ========================================================== */

/* Filled button */
.btn-city {
    color: #fff;
    background-color: #33CCD1;
    border: 2px solid #33CCD1;
}

.btn-city:hover,
.btn-city:focus,
.btn-city:active {
    color: #33CCD1;
    background-color: #FFF;
    border-color: #33CCD1;
}

/* Outline button (fills in on hover) */
.btn-outline-city {
    color: #33CCD1;
    background-color: FFF;
    border: 2px solid #33CCD1;
}

.btn-outline-city:hover,
.btn-outline-city:focus,
.btn-outline-city:active {
    color: #fff;
    background-color: #33CCD1;
    border: 2px solid #33CCD1;
}

/* Disabled */
.btn-city:disabled,
.btn-city.disabled,
.btn-outline-city:disabled,
.btn-outline-city.disabled {
    opacity: .65;
}