@charset "utf-8";
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, button, input, select, textarea{font-family:"Source Sans Pro", Helvetica, sans-serif;}
body{ color: #141412; line-height: 1.5; margin: 0; background-color: #015379;}
ul, ol, dl{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p{margin-top: 0;padding-right: 15px;padding-left: 15px;}
#content h1, #content h2, #content h3, #content h4{color: #015379;}
a img{border:none;}
a:link{color: #000000;text-decoration: none;}
a:visited{color: #000000;text-decoration: none;}
a:hover, a:active, a:focus{text-decoration:underline;}
.site{ width: 100%; max-width: 1080px; min-width: 320px; background-color: #FFF; margin: 0 auto; border-radius: 15px 15px; margin-top: 15px; margin-bottom: 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); font-size: 0.8em; }
@media (max-width:1080px){.site{border:0;border-radius:0;box-shadow:none;margin-top:0;margin-bottom:0;}}
.header{background-color:#6F7D94;max-width:1080px;}
.content{padding:10px 0;}
.content ul, .content ol{padding:0 15px 15px 40px;}
footer{padding:0;background-color:#fff;max-width:1080px;border-radius:0px 0px 15px 15px;}
.fltrt{float:right;margin: 0 0 10px 10px;}
.fltlft{float:left;margin:0 10px 10px 0;}
.fltclr{clear:both;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;margin:0;padding:0;}
footer, header, nav, article, aside{display:block;}
.main-navigation{clear:both;margin:0 auto;max-width:1080px;min-height:45px;position:relative;}
ul.nav-menu, div.nav-menu > ul{margin:0;padding:0 40px 0 0;}
.nav-menu li{display:inline-block;position:relative;}
.nav-menu li a{color: #fff;display: block;font-size: 15px;line-height: 1;padding: 15px 20px;text-decoration: none;text-shadow: 1px 1px 1px #000;}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus{ background-color: #FEA314; color: #fff; }
.nav-menu .sub-menu, .nav-menu .children{background-color:#FEA314;border:2px solid #f7f5e7;border-top:0;padding:0;position:absolute;left:-2px;z-index:99999;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);}
.nav-menu .sub-menu ul, .nav-menu .children ul{border-left:0;left:100%;top:0;}
ul.nav-menu ul a, .nav-menu ul ul a{color:#fff;margin:0;width:200px;}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus{background-color:#db572f;}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul{clip:inherit;overflow:inherit;height:inherit;width:inherit;}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{color:#bc360a;font-style:italic;}
.menu-toggle{display:none;}
.navbar{ background-color: #015379; margin: 0 auto; max-width: 1080px; width: 100%;}
@media (max-width:643px){
.menu-toggle{cursor:pointer;display:inline-block;font:bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;margin:0;}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{background:none;border:none;color:#FFFFFF;padding:12px 0 12px 20px; text-shadow:2px 2px 2px #000;}
.menu-toggle:focus{outline:thin dotted;}
.menu-toggle:after {  content: url(../images/icon-menu.png);  font-size: 12px;  padding-left: 15px; -webkit-font-smoothing: antialiased;  display: inline-block;  font: normal 16px/1 Genericons;  vertical-align:middle;}
.toggled-on .nav-menu, .toggled-on .nav-menu > ul{display:block;margin-left:0;padding:0;width:100%;}
.toggled-on li, .toggled-on .children{display:block;}
.toggled-on .nav-menu li > ul{background-color:transparent;display:block;float:none;margin-left:20px;position:relative;left:auto;top:auto;}
.toggled-on .nav-menu li > ul a{color:#141412;width:auto;}
.toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a{background-color:transparent;color:#141412;}
.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover, .toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus{background-color:#FEA314;color:#fff;}
ul.nav-menu, div.nav-menu > ul{display:none;}
}
.screen-reader-container{padding:0 265px; text-align:left;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-weight:bold;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px;top:5px;text-decoration:none;width:auto;z-index:100000;}
.site-header{background-size:1080px auto;max-width:1080px;width:100%;}
.site-header{position:relative;border-radius:15px 15px 0px 0px;}
.site-header .home-link{color:#141412;display:block;margin:0 auto;max-width:1080px;min-height:90px;text-decoration:none;width:100%;}
.site-info{margin:0 auto;max-width:1080px;padding:15px 0;width:100%;text-align:center;color:#003D00;}
.site-footer{color:#F8F8FF;font-size:14px;text-align:center;}
.site-footer .widget-area, .sidebar .site-footer{text-align:left;}
.site-footer a{color: #000000;}
.site-footer .sidebar-container{ background-color: #FEA314; padding: 20px; }
.site-footer .widget-area{margin:0 auto;max-width:1080px;width:100%;}
.site-footer .widget{color:#fff;float:left;margin-right:20px;width:245px;}
.widget .widget-title{font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;margin: 0 0 10px;padding: 0;text-shadow: 2px 2px 2px #000;}
.widget ul, .widget ol{list-style-type:none;margin:0;padding:0;}
.widget li{padding:5px 0;}
.site-footer .widget a{color: #ffefef;text-shadow: 1px 1px 1px #000;}
.topbnr{max-width:728px;height:auto;width:100%;}
.topbnr img{max-width:728px;max-height:90px;width:100%;height:auto;background-image:url(../images/people.jpg)}
@media(max-width:768px){
.site-header{background-size:768px auto}
.site-header .home-link{min-height:100px;}
}

div.logolink {height: 160px;margin: 0;padding: 0;}
#logo {background:url(../images/header/australia-day-sales-header-large.jpg) left top no-repeat;border-radius: 15px 15px 0 0;}
#logo {max-width: 1080px;width: 100%;height: 160px;margin: 0;padding: 0;}
img.bdr{padding:5px;margin:0 10px 10px 10px;border-radius:5px;box-shadow:0px 0px 5px #000;}
@media(max-width:420px){
.site-header{background-size:360px auto}
.site-header .home-link{min-height:100px;}
.topbnr{display:none;}
.topbnr img{background-image:none !important}  
#site { border-radius: 0 !important; box-shadow:none !important;}
#logo {background: url(../images/header/australia-day-sales-header-mobile.jpg) center top no-repeat !important;border-radius: 0 !important;}
.feature {width:100%; height:auto;}
}
.site #content article table {padding-right: 15px;padding-left: 15px;}

/* Mosaic - Core */
.mosaic {position: relative;}
.mosaic:after {display: table;content: "";clear: both;}
.mosaic .mosaic-header ul {list-style: none;margin: 0;padding: 0;}
.mosaic .mosaic-container {position: relative;clear: both;}

/* Mosaic - Content */
.mosaic-container {margin: 0;padding: 0 15px !important;list-style: none;}
.mosaic-container li {display: inline-block;}
.readmore {white-space: nowrap;}

/* Mosaic - Columns */
.mosaic-columns-1 li {width: 100%;  float:left;}
.mosaic-columns-2 li {width: 50%; float:left;}
.mosaic-columns-3 li {width: 33.333333333333336%; float:left;}
.mosaic-columns-4 li {width: 25%; float:left;}
.mosaic-columns-5 li {width: 20%; float:left;}
.mosaic-columns-6 li {width: 16.666666666666668%; float:left;}

@media (max-width:420px){
.mosaic-columns-1 li, .mosaic-columns-2 li, .mosaic-columns-3 li ,.mosaic-columns-4 li ,.mosaic-columns-5 li ,.mosaic-columns-6 li  {width: 100%;float:none !important;}	
}

/* Mosaic - Item */
.mosaic-item {display:block;}
.mosaic-item .mosaic-image {width: 100%; height:auto;}
.mosaic-item .title {margin-bottom: 10px;}

/* Tweaks */
.mosaic-item {margin: 10px;} /* Margin defines the Gutter size. The actual gutter size is doubled. To have 10 for example, you need margin: 5px; */
.mosaic .mosaic-container {margin: -10px;} /* Whatever is the gutter size, the container has to be negativiley applied in order too loose first and last columns margins */

/* Custom stuff */
.mosaic-item .mosaic-title, .mosaic-item .mosaic-info {text-transform: none;}
.mosaic-item .mosaic-title {line-height: 1.2em; padding-left:0; padding-right:0;}
.mosaic-item .mosaic-infos {font-size: 13px;font-weight: bold;margin: 0 0 5px;}
.mosaic-item .mosaic-infos .author {font-style: italic;}
.mosaic-item .mosaic-text {margin: 10px 0;display: block;}
.mosaic-item {position: relative;}
.mosaic-item .padding {padding: 10px 10px 30px 10px;}
.mosaic .mosaic-order li, .mosaic .mosaic-order li {border-radius: 4px;padding: 1px 6px;margin: 0;border: 1px solid transparent;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}
.mosaic .mosaic-filter li, .mosaic .mosaic-filter li {border-radius: 4px;padding: 1px 6px;margin: 0;border: 1px solid transparent;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}
.mosaic-item .readon {margin-top: 15px;}
.mosaic-image-container {position: relative;overflow: hidden;cursor: pointer;}
.mosaic-hover {position: absolute;border-color: transparent;border-style: solid;border-width: 115px 115px 0 0;bottom: 0;right: 0; margin-right: -115px;-webkit-transition: margin 0.2s ease-in;-moz-transition: margin 0.2s ease-in;-o-transition: margin 0.2s ease-in;-ms-transition: margin 0.2s ease-in;transition: margin 0.2s ease-in;  border-right-color: #FFF;}
.mosaic-image-container:hover .mosaic-hover {margin-right: 0;}
.mosaic-hovercontent {position: absolute;width: 80px;height: 50px;bottom: 0;right: 0;opacity: 0;text-align: center;font-size: 1em;line-height: 1em;font-weight: bold;}
.mosaic-hovercontent span {display: block;font-size: 2.1em;margin-bottom: 6px;}
.mosaic-image-container:hover .mosaic-hovercontent {opacity: 1;-webkit-transition: opacity 0.4s ease-in;-moz-transition: opacity 0.4s ease-in;-o-transition: opacity 0.4s ease-in;-ms-transition: opacity 0.4s ease-in;transition: opacity 0.4s ease-in;}
.readmore span {display: block;}
.mosaic-item .mosaic-head {margin: 0 -10px;padding: 0 10px;}
ul.mosaic-columns-3 li:nth-of-type(3n+1) {clear:left;}
.mosaic-container li {opacity: 1; transform: scale(1) rotate(0deg);}
.mosaic-text h4, .mosaic-text h3{margin:0px;padding:0px 0px 5px 0px;color:#000;}
.mosaic-text p{margin:0px;padding:0px 0px 5px 0px;}