@charset "utf-8";
/* CSS Document */
/*Standard CSS overrides*/
body {
	background-color: black;
	font-family: "Open Sans";
	margin: 0px;
	padding: 0px;
	z-index: 0;
}
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	width: 500px;
	font-weight: 100;
	color: white;
	margin: 0px;
	padding-bottom: 10px;
}
h2 {
	font-weight: 100;
	color: #B4500E;
	padding: 0px;
	margin: 0px;
}
h3 {
	padding-top: 10px;
	color: rgba(39,71,174,0.79);
	font-weight: 400;
}
h4 {
	color: #B4500E;
	font-size: 20px;
	font-weight: 100;
}
dt {
	font-weight: bold;
	color: black;
}
dd {
	padding-bottom: 10px;
}
/*Divs*/
.maincontent {
	border-radius: 10px;
	background-color: rgba(255,255,255,1.00);
	padding: 20px;
	clear: both;
}
.content {
	position: relative;
	max-width: 1200px;
	position: relative;
	margin: auto;
	background-color: #000000;
	background-image: url(../images/top-background.png);
	background-repeat: no-repeat;
}
a {
	color: #B4500E;
}
.toplinks {
	color: white;
	text-transform: uppercase;
	padding-top: 5px;
}
.toplinks a {
	color: white;
}
.small-map {
	background-image: url(../images/australia-small.png);
	width: 185px;
	height: 160px;
	position: relative;
	clear: both;
	float: left;
	margin-right: 100px;
	margin-left: 50px;
}
.iwk-navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 2;
}
.cal-select {
	color: white;
	position: absolute;
	padding-top: 170px;
}
.pill-button-selected {
	color: #F3DFA0;
	background-color: black;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 20px;
	border: 2px solid #FFFFFF;
	position: relative;
	font-weight: 600;
	font-size: 12px;
}
.pill-button {
	background-color: #f3dfa0;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 20px;
	border: 2px solid rgba(255,255,255,1.00);
	position: relative;
	display: inline;
}
.pill-button a {
	color: black;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.pill-button:hover {
	background-color: black;
}
.pill-button a:hover {
	color: #EAC658;
}
.permissions {
	text-align: center;
	color: #999999;
	padding-bottom: 20px;
}
.australia-tag {
	color: white;
	text-align: center;
	font-weight: 100;
}
.months {
	clear: both;
}
.seasonal-seperators {
	z-index: 0;
	background-color: #b4500e;
	border-radius: 6px;
	width: 6px;
}
.centerit {
	text-align: center;
}
.floatleft {
	float: left;
	padding-right: 10px;
}
.floatright {
	float: right;
	padding-left: 10px;
}
.clearit {
	clear: both;
	display: block;
}
.iwk-footer {
	background-color: #e4e4e4;
	background-image: url(../images/iwksoftground.jpg);
	border-radius: 10px;
	clear: both;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 0 180px;
	height: 260px;
}
.month-title {
	color: #b4500e;
}
.season-title {
	color: #666666;
}
.season-text {
	color: #000000;
}
.tiny-hr {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: url(../images/hand-artwork.png);
	border: none;
	border-radius: 20px;
}
.decorative-image {
	padding: 10px;
	border-radius: 20px;
}


/* DESKTOP View CSS */
/* This CSS applies to desktop computers */


@media screen and (min-width : 801px) {
.showOnMobile{
	display:none;
}

.big-hide-table{display: none;}
.big-hide {
	display: none; /*Hide this element from large displays*/
}
body {
	font-size: 14px;
	background-color: #000000;
}
.sky-shadow {
	max-width: 1200px;
	height: 500px;
	z-index: 0;
	position: relative;
	background-color: #315599;
	background-image: url(../images/hand-artwork.png);
	border-radius: 20px;
	background-position: 0px 210px;
	background-repeat: no-repeat;
}
.index-content {
	position: relative;
	max-width: 1200px;
	position: relative;
	margin: auto;
	background-image: url(../images/top-background.png);
	background-repeat: no-repeat;
}
.index-width {
	width: 900px;
}
h1 {
	font-size: 52px;
	padding-left: 20px;
	padding-top: 10px;
	width: 500px;
	padding-bottom: 25px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 28px;
}
h4 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}
.toplinks {
	text-align: right;
	width: 310px;
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}
.cal-select {
	padding-left: 20px;
	font-size: 18px;
	top: -10px;
}
.intro {
	font-size: 18px;
	text-align: center;
	padding-right: 100px;
	vertical-align: middle;
	color: #666666;
}
.dropdown {
	font-size: 14px;
}
.calendardisplay {
	position: relative;
	z-index: 1;
	padding-top: 50px;
}
.australia-tag {
	font-size: 18px;
	width: 600px;
	padding-top: 180px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 70px;
}
.index-image {
	float: right;
	position: relative;
	top: 50px;
	width: 300px;
	margin-left: 50px;
	text-align: center;
	font-style: italic;
}
.month-title {
	font-size: 20px;
	text-decoration: underline;
	font-weight: bold;
}
.month-title-nolink {
	color: #b4500e;
	font-size: 20px;
	font-weight: bold;
}
.season-title {
	font-size: 14px;
	font-weight: 100;
	padding-bottom: 10px;
}
.season-text {
	font-size: 13px;
}
.season-image {
	width: 75px;
	height: 69px;
}
.columns-single {
	width: 800px;
	clear: both;
}
.columns-single p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.columns-double {
	width: 49%;
	float: left;
	padding-right: 1%;
}
.img-padding {
	padding-right: 20px;
}
h4 {
	display: block;
	clear: both;
}
.toplink {
	float: right;
	display: block;
	clear: both;
}
.example-image {
	border-radius: 10px;
}
.example-text {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	width: 200px;
	text-align: center;
	font-style: italic;
	font-size: 13px;
}
.return-icon {
	position: relative;
	top: 6px;
}
.logo-icon {
	float: right;
	position: relative;
	top: -30px;
}
.small-hr {
	padding: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: url(../images/hand-artwork.png);
	border: none;
	border-radius: 20px;
}
.australia-map-wrapper {
	width: 757px;
	height: 746px;
	z-index: 1;
	position: absolute;
	left: 220px;
	top: 80px;
}
.australia-map {
	background-image: url(../images/australia.png);
	width: 757px;
	height: 726px;
	left: 0px;
	top: 20px;
	z-index: 1;
	position: absolute;
}
.right-align-image { /*Right align large images that will be left alone in the mobile view*/
	float: right;
	padding-left: 10px;
}

.small-red-dot-Cairns {
    border-radius: 5px;
    color: red;
    width: 200px;
    height: 200px;
    top: 15px;
    left: 50px;
    position: relative;
}

.dry-wet-season-heading {
	font-size: 40px;
	font-weight: 900;
	color: saddlebrown;	
	display: block;
}

.Yirrganydji-season-heading {
	text-align: center;
	color: saddlebrown;
	font-size: 40px;
	font-weight: 900;
}

.Yirrganydji-season-month {
	text-align: center;
	color: Peru;
	font-size: 30px;
	font-weight: 900;
}

.season-image-device {
	display:none;
}

.placeholder-image-device img {
	display:block;
	margin: 0 auto;
}

/*.dry-wet-season-heading-device {
	display:none;
}*/

.season-image-device-title {
	display:none;
}

.td-dry-wet-season-heading {
	display:none;
}

.hideOnDesktop{
	display:none;
}

}

@media screen and (max-width: 800px) {
/* Styles */
.hideOnMobile{
	display:none;
}

.showOnMobile ul {
    list-style: none;
    display: flex;
    justify-content: center;
}
li.firstMobilePic {
    background-image: url(http://www.bom.gov.au/iwk/calendars/yirrganydji/yirrganydji_season_image/flametree.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 140px;
}
li.secondMobilePic {
    background-image: url(http://www.bom.gov.au/iwk/calendars/yirrganydji/yirrganydji_season_image/crocodile.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 140px;
}
li.thirdMobilePic {
    background-image: url(http://www.bom.gov.au/iwk/calendars/yirrganydji/yirrganydji_season_image/mangroves.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 140px;
}

li.fourthMobilePic {
    background-image: url(http://www.bom.gov.au/iwk/calendars/yirrganydji/yirrganydji_season_image/wattle.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 140px;
}

li.fifthMobilePic {
    background-image: url(http://www.bom.gov.au/iwk/calendars/yirrganydji/yirrganydji_season_image/coastline.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 140px;
}

li.sixthMobilePic {
    background-image: url(http://www.bom.gov.au/iwk/calendars/yirrganydji/yirrganydji_season_image/quandong.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 140px;
}

.maincontent {
	border-radius: 20px;
}
/*Fix that table display problem that affects mobiles so badly */
table, thead, tbody, th, td, tr {
	display: block;
}
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
td {
	/* Behave  like a "row" */
	border: none;
	position: relative;
	width: 100%;
	font-size: 14px;
	padding-bottom: 60px;
	text-align: left;
}
.small-hide {
	display: none;
}
.big-hide-table{}
.big-hide { /*Provides a nice seperator between text so it does not look so odd without the returns */
	color: #efefef;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 7px;
}
/*Turn that break into a gap instead*/
/* Standard display work */
body {
	font-size: 14px;
}
.index-width {
	width: 100%;
}
h1 {
	font-size: 40px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 20px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
}
.toplinks {
	text-align: center;
	padding-right: 10px;
	padding-top: 5px;
	display: block;
	font-size: 13px;
}
.intro {
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	vertical-align: middle;
	color: #666666;
}
.australia-tag {
	position: absolute;
	top: 300px;
	font-size: 14px;
	z-index: 5;
	width: 285px;
	padding-left: 10px;
	padding-top: 10px;
}
.index-image {
	position: relative;
	text-align: center;
	font-style: italic;
	width: 300px;
}
.cal-select {
	font-size: 14px;
	font-weight: 100;
	padding-left: 10px;
	top: -15px;
}
.calendardisplay {
	position: relative;
	z-index: 1;
	padding-top: 30px;
}
.dropdown {
	font-size: 14px;
}
.mini-map {
	float: right;
	padding-right: 20px;
	position: relative;
	top: -40px;
	z-index: 1;
}
.month-title {
	color: #b4500e;
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}
.month-title-nolink {
	color: #b4500e;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.season-title {
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.month-title {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.season-image {
}
p {
	padding-bottom: 5px;
	padding-top: 5px;
}
.example-image {
	width: 150px;
	height: 150px;
	border-radius: 20px;
	float: right;
}
.example-text {
	float: right;
	text-align: center;
	font-style: italic;
	font-size: 13px;
	width: 150px;
	margin-left: 10px;
}
.toplink {
	float: right;
	display: block;
	clear: both;
	font-size: 14px;
	font-weight: bold;
}
.small-hr {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
	background-image: url(../images/hand-artwork.png);
	border: none;
	border-radius: 20px;
}
.return-icon {
	position: relative;
	top: 6px;
	font-size: 40px;
}
.img-padding {
	padding-right: 10px;
}
.icon-dot {
	font-size: 12px !important;
	top: 0px;
}
.return-icon {
	font-size: 24px !important;
	position: relative;
}
.logo-icon {
	float: right;
	position: relative;
	top: -2px;
	width: 100px;
	height: 100px;
}
.iwk-footer {
	background-color: #e4e4e4;
	background-image: url(../images/iwksoftground.jpg);
	border-radius: 10px;
	clear: both;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 0 295px;
	height: 340px;
}
.sky-shadow {
	width: 100%;
	height: 300px;
	z-index: 0;
	position: relative;
	background-color: #315599;
	background-image: url(../images/hand-artwork.png);
	border-radius: 20px;
	background-position: 0px 200px;
	background-repeat: no-repeat;
}
.calendar-small-pull {
	position: absolute;
	z-index: 5;
	border-radius: 10px;
	padding-top: 20px;
	top: 210px;
	left: 20px;
	font-size: 16px;
}
.small-map {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.small-red-dot-Cairns {
    border-radius: 5px;
    color: red;
    width: 200px;
    height: 200px;
    top: 15px;
    left: 50px;
    position: relative;
}

.Yirrganydji-season-heading {
	text-align: center;
	color: saddlebrown;
	font-size: 40px;
	font-weight: 900;
}

.Yirrganydji-season-month {
	text-align: center;
	color: Peru;
	font-size: 30px;
	font-weight: 900;
}

.placeholder-image-device {
	display: block;
	width: 20px;
	height: 20px;
	
}

.season-image-device {
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
	size: 30px;
}

.td_placeholder {
	display:block;
} 

.dry-wet-season-heading-device {
	display:block;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	color: saddlebrown;	

}

.season-image-device-title {
	display: block;
	position: absolute;
	top: 150px;
	right: 0;
	size: 30px;
}

.wet-season-heading-device {
	width: 10px;
	height: 10px;
}

.td-dry-wet-season-heading {
	display:block;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	color: saddlebrown;	
}