article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0 0 1em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}

/*==============================
  General Styles
==============================*/
body {
  color: #333;
  font: 14px/16px 'Helvetica', sans-serif;
}
.fl {float: left;}
.fr {float: right;}
.clear {
  clear: both;
  height: 0;
}
.cl {clear: left;}
.cr {clear: right;}
.ibt, .ib > * {display: inline-block; zoom: 1; *display: inline; _height: 30px;} /* IE 7-8 inline-block fallback */
.hide {display: none;}
.nm {margin: 0;}
.nmb {margin-bottom: 0;}

/* CUSTOM */
.drop-shadow, .dropshadow {box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.3);}
.toggle {cursor: pointer;}
.center {
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}
.percent40 {width: 40%;max-width: 200px;}
.rel {position: relative;}
.hr {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  border-top: 1px solid #E2E2E2;
}
.pl40 {padding-left: 40px;}
h2 {
  line-height: 1.5em;
  font-size: 1.5em;
}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
img {
    vertical-align: middle;
}
li.eeho {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}


/* COLOURS */
.red {color: #d42b2b;}


/* LINKS */
a {
  color: #009099;
  text-decoration: none;
}
a:hover, a:active {color: #d42b2b;}

/* Categories Links */
.entries .categories {
  font: 12px/14px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}
.entries .categories a {color: #595959;}
.entries .categories a:hover, .story .categories a:active {color: #009099;}

.terse {display: none;}

.deadcenter {
}

.section img {
  width: auto;
  height: auto;
  max-height: 600px;
  max-width: 80%;
}


.sidebar.supplier a.reset-password{
  margin:15px 0 0 0;
  padding-left:0;
  display:block;
  text-align: center;
}
.sidebar.supplier a.reset-password:active, .sidebar.supplier a.reset-password:hover {
  background-image: none;
}


h1 {
  font: bold 28px/30px 'Roboto Condensed', sans-serif;
  color: #d42b2b;
  text-transform: uppercase;
}


/*==============================
  BUTTONS
==============================*/
a.button {
  display: inline-block;
  padding: 5px 9px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #D62A25;
  font: 12px/12px 'Roboto Condensed', sans-serif;
}
.button.strong {font-weight: bold;}
.button.medium {
  font-size: 18px;
  padding: 10px 12px;
}
.button.large {
  font-size: 18px;
  padding: 16px 18px;
  line-height: 18px;
}
.button.red:hover, .button.red:active {
  background-color: #008F99 !important;
  color: #fff;
}
.button.green:hover, .button.green:active, .input-button.green:hover, .input-button.green:active {
  background-color: #D62A25;
  color: #fff;
}
.button.red {
  background-color: #D62A25 !important;
  color: #fff;
}
.button.full-width {
  width: 100%;
}

.button.arrow, .input-button.arrow {
  background: #008F99 url('/images/ausleisure/layout/icon-arrow-right-white.png') no-repeat 93% center;
  padding-right: 40px;
}
.input-button {
  display: block;
  background: #008F99;
  border: none;
  width: 258px;
  height: 40px;
  margin-top: 20px;
  font: 18px/22px 'Roboto Condensed', sans-serif;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
}




/*==============================
  TITLES
==============================*/
.section-title .sub-title {
  font: bold 18px/40px 'Roboto Condensed', sans-serif;
  margin: 0 15px;
  color: #595959;
}
.section-title .more a, .section .more-news a, .section-title .back a {
  color: #d42b2b;
  font: bold 13px/40px 'Helvetica', sans-serif;
  margin: 0;
  text-decoration: none;
}
.section-title .more a, .section .more-news a {
  padding: 5px 20px 5px 5px;
  background: url('/images/ausleisure/layout/icon-arrow-red-right.png') no-repeat right center;
}
.section .more-news a, .section .more-news {
  margin-top: 0;
}
.section-title .more a, .section .more-news a:hover, .main-content .title .more a:active {
  color: #009099;
  background-image: url('/images/ausleisure/layout/icon-arrow-green-right.png');
}
.section-title .back a {
  padding: 5px 5px 5px 20px;
  background: url('/images/ausleisure/layout/icon-arrow-red-left.png') no-repeat left center;
}
.section-title .back a:hover, .main-content .title .back a:active {
  color: #009099;
  background-image: url('/images/ausleisure/layout/icon-arrow-green-left.png');
}

h2.title, h2.title a, h3.title, h3.title a, h4.title, h4.title a, .entries h2 a, .entries h3 a, .entries h4 a {
  color: #d42b2b;
  text-transform: uppercase;
  text-decoration: none;
  word-wrap: break-word;
}
.sidebar-title {
  color: #d42b2b!important;
}
.entries h2 a:hover, .entries h3 a:hover, .entries h4 a:hover, .entries h2 a:active, .entries h3 a:active, .entries h4 a:active { color: #009099; }

.section-title h3 {
  color: #009099;
  font: bold 18px/40px 'Roboto Condensed', sans-serif;
  margin: 0;
  text-transform: uppercase;
}
.section-title {
  padding: 2px 10px 2px 36px;
  height: 40px;
  background: #F6F6F6 url('/images/ausleisure/layout/deco-arrow-blue-right.png') no-repeat left center;
  position: relative;
  z-index: 10;
}
.section-title .more, .section-title .back {
  margin: 0;
  font-style: italic;
}
h2.title a, h2.title {font: bold 28px/30px 'Roboto Condensed', sans-serif;}


/*==============================
  INPUT
==============================*/

textarea {height: 60px;}





/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 3px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #FAFAFA;
  background-repeat: repeat-x;
  border: 1px solid #D4D4D4;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}


/*==============================
  FORMS
==============================*/
.sidebar .selectboxit-container .selectboxit {width: 258px !important;}
.sidebar .selectboxit-container .selectboxit-options {width: 258px !important;}



/*==============================
  CALENDAR
==============================*/
.events-calendar .calendarMonthTitle a {
  text-transform: uppercase;
  font-weight: bold;
  color: #595959;
  font-size: 16px;
}
.events-calendar .calendarHeader th {
  padding-bottom: 15px;
  padding-top: 0;
}
.events-calendar .calendarDayHeading {
  text-transform: uppercase;
  color: #AEAEAE;
  font-weight: bold;
  font-size: 12px;
  background-color: #F6F6F6;
  padding: 2px 6.5px;
}
.events-calendar .calendarBlank, .events-calendar .calendarCell {
  width: 35px;
  text-align: center;
  padding: 1px 1px 0 0;
  height: 35px;
}
.events-calendar .calendarBlank{
  color: #AEAEAE;

}
.events-calendar .calendarCell a, .events-calendar .calendarToday a {
  background-color: #00909A;
  color: #fff;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
 .events-calendar .calendarToday {
  padding: 0;
  border: solid 1px #BFBFBF;
}

input[type="text"], input[type="password"], select, textarea, input[type="email"] , .list-job #cform input,.list-job #cform textarea{
  width: 240px;
  display: block;
  border-radius: 3px;
  border: solid 1px #D4D4D4;
  height: 27px;
  font: 16px/20px 'Helvetica', sans-serif;
  padding: 5px 5px 5px 12px;
  background-color: #FAFAFA;
  margin: 5px 0 15px 0;
}
.list-job #cform textarea,.list-job #cform input[type="submit"]{
  width: 100%;
}
.list-job #cform input[type="submit"]{
  text-decoration: none;
  background-color: #009099!important;
  height: 40px!important;
  color: #FAFAFA;
}
.list-job #cform input{
  background-color: #FAFAFA!important;
}
.list-job #cform label{
  color: #4e4e4e;
}
textarea {
  height: 4em;
  min-height: 4em;
}
.shop-page .selectboxit-container .selectboxit {
  padding: 4px 5px 4px 5px;
  margin: 5px 0 15px 0;
  width: 100% !important;
}
.shop-page .selectboxit-container {
  width: 92%;
}

/* VALIDATION */
input.error, textarea.error, select.error {
  border: solid 1px #D42B2B;
}
label.error {
  color: #D42B2B !important;
  font-weight: normal;
  margin: -10px 0 20px 0;
}


/*==============================
 Main Website Layout
==============================*/
body {
  background: #EAE8E6 url('/images/ausleisure/layout/bg-concrete.jpg');
  min-width: 320px;
}
.container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  padding: 0 0.5%;
}

.content-container {
  position: relative;
}
.main-content {
  margin-right: 320px;
  max-width: 100%;
  width: calc(100% - 320px);
}
.sidebar-container {
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
}

.categories .red.slash:last-child {display: none;}

.main-content img {
  height: auto;
  max-width: 100%;
}
.main-content .social {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #E2E2E2;
}
.main-content .social .disqus-widget {margin-top: 30px;}


/* ACCROSS */
.main-content .view .date, .main-content .view .inline-date, .main-content .view .categories {
  text-transform: uppercase;
  margin: 20px 0;
  font: bold 18px/18px 'Roboto Condensed', sans-serif;
  color: #4e4e4e;
}

.content.body img, .wysiwyg img {
  width: auto !important;
  height: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
}


/*==============================
  Header
==============================*/
.top-border {
  height: 10px;
  background-color: #00909A;
}
h1.logo a {
  text-indent: -9999em;
  display: block;
  width: 437px;
  height: 188px;
  background: url('/images/ausleisure/layout/logo-desktop.png') no-repeat 18px -12px;
  margin-left: -82px;
  margin-bottom: -55px;
  z-index: 1;
  position: relative;
}
h1.logo.asianleisure a{
    background: url('/images/asianleisure/asianleisure_logo.png') no-repeat 18px -12px!important;
    margin-left: -70px;
    margin-top: -12px;
}
h1.logo {margin: 0;}
header p.tagline {
  color: #009099;
  font: bold 18px/21px 'Roboto Condensed', sans-serif;
  margin-top: 49px;
  margin-left: -20px;
  max-width: 290px;
  z-index: 9;
  position: relative;
}
header {
  position: relative;
}
header .branding {
  margin-right: 602px;
}
header .ads {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
header .ad {margin-top: 31px;}
header {
  margin-bottom: 30px;
}


/*==============================
  Nav
==============================*/
header .main-nav {
  background-color: #D62A25;
  min-height: 50px;
  position: relative;
  z-index: 5;
}
.main-nav ul, .main-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav li {
  float: left;
}
.main-nav a {
  display: block;
  height: 20px;
  text-align: center;
  padding: 15px 16px;
  font: bold 20px/20px 'Roboto Condensed', sans-serif;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.main-nav a:hover, .main-nav a:active {
  background-color: #B1160E;
  color: #fff;
}
/*.main-nav li.selected a {
  background-color: #B1160E;
  color: #fff;
}*/
.main-nav .social li {float: right;}
.main-nav .social a {
  height: 20px;
  width: 20px;
  text-align: center;
  padding: 14px 14px 16px 14px;
  border-left: 1px solid #B1160E;
}

/* Supplier Directory */
header .supplier-directory a {
  padding-left: 56px;
  background-color: #009099;
  background-image: url("/images/ausleisure/layout/directory_icon.png");
  background-position: 20px 50%;
  background-repeat: no-repeat;
}

header .supplier-directory a:hover, header .supplier-directory a:active {
  background-color: #00787F;
}

header .mobi-nav {
  background-color: #fff;
  position: relative;
  height: 40px;
  z-index: 30;
}
.mobi-nav {
  position: absolute;
  z-index: 30;
}
.search-pop .categories {
  margin-top: 15px;
}
.mobi-nav .open-close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 11px 12px;
  background-color: #D62A25;
}
.mobi-nav .open-close:hover {background-color: #008F99;}
.mobi-nav .open-close img, .mobi-nav .search img {
  height: 17px;
  width: 18px;
}
.mobi-nav .search {
  display: block;
  top: 0;
  right: 0;
  padding: 12px 12px;
  background-color: #008F99;
  position: absolute;
}
.mobi-nav .search:hover {background-color: #D62A25;}
.mobi-nav .title {
  margin: 0;
  padding-top: 8px;
  text-align: center;
  font: bold 18px/24px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;

}
.mobi-nav .menu-pop {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 20;
  width: 100%;
  max-width: 320px;
  background-color: #D62A25;
  display: none;
}
.mobi-nav .menu-pop ul, .mobi-nav .menu-pop li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobi-nav .menu-pop a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font: bold 16px/30px 'Roboto Condensed', sans-serif;
  padding: 5px 20px;
  border-bottom: 1px solid #B0150E;
}
.mobi-nav .menu-pop a:hover, .mobi-nav .menu-pop a:active {background-color: #B0150E;}
.mobi-nav .social li {
  float: left;
  width: 33.333%;
  text-align: center;
}
.mobi-nav .social li:not(:nth-child(3)) {
  margin-right: -1px;
  border-right: 1px solid #B0150E;
}
.mobi-nav .search-pop {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 999;
  width: 100%;
  max-width: 300px;
  background-color: #008F99;
}
.search-pop .body {
  background-color: #fff;
  padding: 20px;
  max-width: 260px
}
.search-pop label {
  display: block;
  font: bold 16px/20px 'Helvetica', sans-serif;
  color: #009099;
}
.search-pop .selectboxit-container .selectboxit {
  width: 258px !important;
}
.search-pop .input-button.search {
  background-position: 175px center;
  padding-left: 40px;
}
.search-pop .title {
  padding-top: 0;
  background: #008F99 url('/images/ausleisure/layout/icon-search-white.png') no-repeat 16px center;
  padding: 0 50px;
}
.search-pop .title h3 {
  margin: 0;
  font: bold 18px/45px 'Roboto Condensed', sans-serif;
  color: #fff;
  text-align: center;
}
.search-pop input {
  padding-right: 0;
  margin-right: 0;
}

/*==============================
  Footer
==============================*/
footer {
  border-top: 4px solid #D7D6D3;
  margin-top: 30px;
  padding: 30px 0;
}
footer .group1 {width: 665px;}
footer .group2 {width: 575px;}
footer .component {
  float: left;
  padding-right: 30px;
  margin-right: 30px;
  background: url('/images/ausleisure/layout/divider-footer.png') no-repeat right 5px;
}
footer .component.logos {
  float: right;
  padding-right: 0;
  margin-right: 0;
  background-image: none;
  width: 275px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.component .title {
  font: bold 16px/20px 'Roboto Condensed', sans-serif;
  margin: 0 0 20px 0;
}
.component.associations {
  margin-right: 0;
  width: 300px;
}
footer .association, footer .publication {
  opacity: 0.6;
  margin: 0 12px 10px 0;
  height: 100%;
}
footer .association:last-child, footer .publication:last-child {margin: 0;}
footer .association:hover, footer .publication:hover {opacity: 1;}
footer .component.publications {width: 275px;}
footer .component.links {width: 240px; display: flex; }
.component.links ul {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  min-width: 120px;
}
.component.links li {
  list-style: none;
  padding: 2px 0;
}
.component.links a {
  text-decoration: none;
  color: #414141;
  font: 13px/15px 'Helvetica', sans-serif;
}
.component.links a:hover, .component.links a:active {text-decoration: underline;}
footer .container img {
  max-width: 100%;
  height: auto;
}


/*==============================
  SECTIONS
==============================*/
.section {
  padding: 20px 2.5% 20px 2.5%;
  clear: left;
  background-color: #fff;
  margin-bottom: 30px;
}
.section.lead-story {padding-top: 0;}
.section.ads {
  padding: 0;
  background-color: inherit;
  margin-bottom: 30px;
}

.section.view .details {
  margin: 30px 0;
  line-height: 25px;
}
.section.view .details td {
  vertical-align: top;
}
.section.view .details label {
  display: inline-block;
  min-width: 90px;
  color: #d42b2b;
  font-weight: bold;
}
.section.view .details p {margin: 4px 0;}

/*==============================
  Category box
==============================*/
.section-categories {
  max-width: 100%;
  margin-bottom: 30px;
}
.section-categories, .section-categories a, .section-categories p {color: #fff;}
.section-categories .section {
  background-color: #008f99;
  padding: 8px 11px;
  margin: 0;
}
.section-categories .section ul {
  -moz-column-count: 7;
  -moz-column-gap: 0;
  -webkit-column-count: 7;
  -webkit-column-gap: 0;
  column-count: 7;
  column-gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 1160px) {
  .section-categories .section ul {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
  }
}
@media screen and (max-width: 1045px) {
  .section-categories .section ul {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
}
@media screen and (max-width: 920px) {
  .section-categories .section ul {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media screen and (max-width: 490px) {
  .section-categories .section ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media screen and (max-width: 370px) {
  .section-categories .section ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
.section-categories .section a {
  display: block;
  padding-left: 15px;
  font: 14px/30px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}
.section-categories .section a:hover {
  background: url('/images/ausleisure/layout/chevron-right-transparent.png') no-repeat 0 50%;
}


/*==============================
  NEWS STORYs
==============================*/

.news .story {
  margin: 20px 16px;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
  font-size: 15px;
  clear: left;
  position: relative;
}
.news .story.last, .story:last-child {
  border-bottom: none;
  padding-bottom: 0
}
.news .lead-story {
  padding-bottom: 0;
  max-height: 236px;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.news .story .photo img {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 130px;
  max-width: 130px;
}
.news .lead-story .photo img {
  width: auto;
  height: auto;
  max-height: 236px;
  max-width: 310px;
}
.news .story .content {margin-left: 150px;}
.news .lead-story .content {
  margin-left: 330px;
  margin-right: 15px;
}
.news .story h3 {margin: 0;}
.news .story h2 {
  margin: 20px 0 10px 0;
  max-height: 64px;
  overflow: hidden;
}
.news .story .body {margin: 10px 0;max-height: 97px;}
.story.lead-story {height: 236px;}
.story.lead-story .body {margin: 15px 0;max-height: 50px;}
.story.lead-story h2.title, .story.lead-story h2.title a {
  font-size: 20px;
  line-height: normal;
}
.story h2.title a, .story h2.title {
  font: bold 28px/30px 'Roboto Condensed', sans-serif;
}
.story .meta {
  font: 12px/12px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}

/****Author style****/
.story .meta .authorName{
  padding-left: 15px;
  padding-right: 5px;
}

.story .meta .authorName a{
  color: #666666;
  text-transform: none;
}

.story .meta .authorName a:hover{
  color: #008f99;
}
/****Author style****/

.story h2, .story h2 a, .story h3 a {
  font: bold 18px/20px 'Roboto Condensed', sans-serif;
}
.story .meta .categories {margin-left: 10px;}
.story.lead-story .meta, .story.lead-story .meta .categories {
  font: 14px/14px 'Roboto Condensed', sans-serif;
  margin-top: 10px;
}
.story .date {font-weight: bold;}



/*==============================
  SUPPLIER entries
==============================*/
.entries .supplier {
  width: 21.1%;
  max-width: 200px;
  padding: 1.1% 1.8%;
}
.entries .supplier h4 {
  color: #d42b2b;
  font: bold 16px/18px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  margin: 15px 0;
}
.entries .supplier .logo {
  height: 152px;
  width: 100%;
  position: relative;
  text-align: center;
}
.entries .supplier .supplier-logo {
  max-width: 96%;
  max-height: 152px;
}
.sidebar.supplier .title {
  background: #D62A25 url('/images/ausleisure/layout/icon-user-white.png') no-repeat 16px center;
  text-align: center;
}
.sidebar.supplier a {
  font: 16px/30px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  padding-left: 15px;
}
.sidebar.supplier a:hover, .sidebar.supplier a:active {
  background: url('/images/ausleisure/layout/icon-arrow-right-green-smaller.png') no-repeat left center;
}
.sidebar.supplier ul, .sidebar.supplier li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar .search .categories {
  margin-top: 20px;
}
.section.suppliers .body {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.entries .supplier.fl:nth-child(4n+1) {clear: left;}
.entries .event.fl:nth-child(4n+1) {clear: left;}

.supplier.view {
  padding: 16px 9%;
}
.supplier.view .social {
  margin: 15px 0 25px 0;
}
.supplier.view .details td {
  padding: 4px 3px;
  font-weight: bold;
  color: #555;
  line-height: 16px;
  font-size: 15px
}
.supplier.view .content.body {
  font-size: 15px;
}
.supplier.view .content.body h3 {
  margin: 30px 0 20px 0;
}

/*==============================
  PREMIUM SUPPLIERS
==============================*/
.section-title.suppliers-premium {
  background: #008f99 url('/images/ausleisure/layout/crown.png') no-repeat 14px 7px;
  padding: 0 10px 0 58px;
  height: 45px;
}
.section-title.suppliers-premium h3 {
  line-height: 45px;
  color: #fff;
}

.suppliers-alt .story .photo {
  text-align: center;
}

.suppliers-alt .story .photo img {
  position: relative;
  top: auto;
  left: auto;
  max-width: 100%;
  max-height: 100%;
}
.suppliers-alt .story .title {margin-bottom: 18px;}
.suppliers-alt .story .photo {
  width: 130px;
  -webkit-box-shadow: 0px 4px 7px 0px rgba(204,204,204,1);
  -moz-box-shadow: 0px 4px 7px 0px rgba(204,204,204,1);
  box-shadow: 0px 4px 7px 0px rgba(204,204,204,1);
}
@media screen and (max-width: 485px) {
  .suppliers-alt .story .photo { width: 90px; }
  .suppliers-alt .story div.photo img {
    max-width: auto;
    padding: 0;
    max-width: 100%;
    max-height: none;
  }
}
.suppliers-alt .story .photo a {display: block;}
.suppliers-alt .story .content {float: none;}
.suppliers-alt .story .body {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
}

.suppliers-alt .story .meta {margin: 8px 0 0;}
.suppliers-alt .story .categories {margin-left: 0;}
.suppliers-alt .story .categories a, .suppliers-alt .story .categories .slash {
  font: 12px/16px 'Roboto Condensed', sans-serif;
  font-weight: bold;
}

/* SEARCH */

.premium-search-title
{
	background-color: #008f99;
	padding: 0 10px 0 58px;
  height: 45px;
}
.premium-search-title h3 {
  line-height: 45px;
  color: #fff;
}
.premium-search-title .icon
{
	 background: #008f99 url('/images/ausleisure/layout/crown.png') no-repeat top center;
height: 27px;
width: 55px;
display: inline-block;
top: 5px;
position: relative;
}

.premium-search-title.section-title
{
	background: #008f99;
	padding: 0;
}

/*==============================
  STANDARD SUPPLIERS
==============================*/
.supplier-button {text-align: center;}

/*==============================
  EVENT entries
==============================*/
.entries .event {
  position: relative;
  width: 21.1%;
  max-width: 200px;
  padding: 1.1% 1.8%;
}
.event h4 {
  color: #d42b2b;
  font: bold 16px/18px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}
.entries .event .image .event-image {max-width: 96%;max-height: 100%;}
.entries .event .image {
  height: 152px;
  width: 100%;
  position: relative;
}
/* DATE FLOAT*/
.entries .event .date {
  position: absolute;
  z-index: 10;
  top: 4px;
  left: 6px;
  background-color: #008F99;
  color: #fff;
  padding: 5px;
  min-width: 30px;
  text-align: center;
  text-transform: uppercase;
}
.entries .event .month {
  font: bold 14px/14px 'Roboto Condensed', sans-serif;
  display: block;
}
.entries .event .day {
  font: bold 20px/20px 'Roboto Condensed', sans-serif;
  display: block;
}
.view .event .month {
  font: bold 20px/21px 'Roboto Condensed', sans-serif;
  display: block;
}
.view .event .day {
  font: bold 30px/30px 'Roboto Condensed', sans-serif;
  display: block;
}
.events.view {position: relative;}
.events.view .date {
  padding: 6px 14px;
  background-color: #008F99;
  color: #fff;
  min-width: 30px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  position: absolute;
  top: -15px;
  left: -15px;
  width: 32px;
}
/* ^date^ */

.events.view .title {
  margin-left: 65px;
  margin-bottom: 23px;
}
.events.view .photo img {
  max-height: 220px;
  width: auto;
}


/*==============================
  MAGAZINE entries
==============================*/
.entries .magazine {
  position: relative;
  min-height: 160px;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
  margin-top: 20px;
}
.entries .magazine:last-child {
  border-bottom: none;
}
.entries .magazine .image img, .magazine .feature .image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  height: auto;
  max-height: 140px;
}
.magazine .feature .image img {max-height: 110px;}
.entries .magazine .content, .magazine .feature .content.hasimage {
  margin-left: 135px;
  min-height: 110px;
}

.magazine .features {margin-top: 30px;}
.magazine .feature {
  position: relative;
  padding-bottom: 15px;
  margin-top: 15px;
}

.magazine .articles {
  margin-top: 30px 0;
}
.magazine .article {
  padding-bottom: 8px;
  margin-top: 10px;
}
.magazine .article h4 {margin-bottom: 10px;}
.magazine .article p {
  margin-top: 10px;
  margin-bottom: 5px;
}
.magazine.view .photo {
  max-width: 120px;
   margin: 0 5% 20px 0;
}

/*=================================
    SIDEBAR MAGAZINE
=================================*/
.sidebar.magazine .body{
    display: flex;
    flex-wrap: wrap;
}
.sidebar.magazine .body img{
  width:  100%;
  max-width: 150px;
  margin:  0 auto;
  position: static;
  padding-top: 30px;
}

.sidebar.magazine .body .content{
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  min-height: unset;
}

.sidebar.magazine .body p.sub-title{
  margin-left: 0;
  padding-left: 0;
  max-width: 100%;
  text-align: center;
  width: 100%;
}


/*=================================
    SIDEBAR MAGAZINE - user login
=================================*/

.section.magazines.magazine.view .article{
  position: relative;
}

.section.magazines.magazine.view .photo{
    max-width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}

.section.magazines.magazine.view .photo img{
  margin: 0 auto;
  display: block;
  padding-top: 20px;
}

.section.magazines.magazine.view h2.title{
  text-align: center;
  height: unset !important;
}

.section.magazines.magazine.view .content.body{
  padding: 0;
}

.section.magazines.magazine.view .features{
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  margin-top: 0;
}

.section.magazines.magazine.view .features h3{
    margin: 0;
}

.section.magazines.magazine.view a.button{
  display: block;
}

/*==============================
  CALL TO ACTIONS
==============================*/
.call-to-action {
  background-color: #F5F5F5;
  padding: 20px;
  margin: 16px 0;
  margin-top: 0;
}
.call-to-action h3 {
  color: #d42b2b;
  font: bold 18px/18px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  margin: 0;
}
.call-to-action .description {
  color: #4D4D4D;
  font: bold 14px/20px 'Helvetica', sans-serif;
  margin: 0;
  margin-top: 6px;
}
.call-to-action .text {max-width: 70%;}
.call-to-action .button {max-width: 28%;}


/*==============================
  PAGES
==============================*/
.page-body {
  padding: 10px 0;
  max-width: 730px;
  margin: 0 auto;
}
.page-body.full-page {max-width: none;}
.page .section.page {
  padding: 0 10%;
}


/*==============================
  CONTACT
==============================*/
.contact .form fieldset {
  max-width: 410px;
  min-width: 260px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #EFEFEF;
  padding: 20px;
}
.contact .form input, .contact .form textarea {
  width: 95%;
}


/*==============================
  Sidebar
==============================*/

.sidebar .element {margin-bottom: 30px;}
.sidebar .element:last-child {margin-bottom: 0;}
.sidebar .title {
  color: #fff;
  height: 45px;
  text-transform: uppercase;
  z-index: 28;
  position: relative;
}
.sidebar .title.green {background-color: #008F99;}
.sidebar .title.silver {
  background: #f6f6f6 url('/images/ausleisure/layout/sidebar-arrow-right-green.png') no-repeat left center;
  color: #009099;
  padding-left: 30px
}
.sidebar .title h3 {
  margin: 0;
  font: bold 18px/45px 'Roboto Condensed', sans-serif;
}
.sidebar .body {
  background-color: #fff;
  padding: 20px 20px;
}
.sidebar .body.green {
  background-color: #00909A;
  color: #fff;
}
.sidebar .title .show-hide {
  padding: 14px;
  margin: 0
}
.sidebar label {
  display: block;
  font: bold 16px/20px 'Helvetica', sans-serif;
  color: #009099;
}
.sidebar.magazine .body {position: relative;}
.sidebar.magazine img {
  position: absolute;
  left: 20px;
  top: 20px;
}
.sidebar.magazine .body .sub-title, .sidebar.magazine .body .description {
  margin-left: 107px;
  word-wrap: break-word;
}
.sidebar.magazine .body .content {min-height: 160px;}


.sidebar.listings a {
  font: 16px/30px 'Roboto Condensed', sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-left: 15px;
}
.sidebar.listings a:hover, .sidebar.listings a:active {
  background: url('/images/ausleisure/layout/icon-arrow-right-white-smaller.png') no-repeat left center;
}
.sidebar.listings ul, .sidebar.listings li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


/*==============================
  Search
==============================*/
.sidebar.search .title, .sidebar.advanced-search .title {
  background: #008F99 url('/images/ausleisure/layout/icon-search-white.png') no-repeat 16px center;
  padding-left: 65px;
  cursor: pointer;
}
.sidebar .input-button.search {
  background-position: 175px center;
  padding-left: 40px;
}
.entries .no-results {
  color: #D62A25;
  font: bold 18px/18px 'Roboto Condensed', sans-serif;
}


/*==============================
  Magazine
==============================*/
.sidebar.magazine .note {
  font-weight: bold;
  text-align: center;
  color: #4e4e4e;
}
.sidebar.magazine .sub-title {
  text-transform: uppercase;
  color: #d42b2b;
  margin: 0;
  font: bold 18px/20px 'Roboto Condensed', sans-serif;

}
.sidebar.magazine .sub-title, .sidebar.magazine .description {
  max-width: 133px;
  padding-left: 20px;
}
.sidebar.magazine .magazine-image {margin-bottom: 3px;}




/*==============================
  Ads
==============================*/

.ad {
  background-color: #999;
  cursor: pointer;
}
.sidebar .ad {margin-bottom: 20px;}

.ad.banner.large {
  width: 600px;
  height: 78px;
}
.ad.banner.small {
  width: 460px;
  height: 60px;
}

.ad.skyscraper {
  width: 140px;
  height: 580px;
  margin-right: 20px;
}
.ad.square.large {
  width: 300px;
  height: 250px;
}
.ad.square.small {
  width: 140px;
  height: 130px;
}


/*==============================
  AD LOCATIONS
==============================*/
.ads.middle .ad.large {
  margin: 0 auto;
}
header .ads a, .ads.middle a {
  display: block;
}
header .ad.banner.small {margin-top: 40px;}
.story.view, .events.view, .magazine.view, .magazine-feature.view {
  padding: 30px 9%;
}


/*==============================
  PAGINATION
==============================*/
.section.pagination {
  clear: both;
  padding: 0;
  position: relative;
  line-height: 44px;
  background-color: #F6F6F6;
  margin-bottom: 30px;
  margin-top: 30px;
}
.pagination .next, .pagination .prev {
  background-color: #00909A;
  width: 44px;
  height: 44px;
  text-align: center;
}
.pagination .prev {
  position: absolute;
  top: 0;
  left: 0;
}
.pagination .next {
  position: absolute;
  top: 0;
  right: 0;
}
.pagination .page-numbers {
  text-align: center;
}
.page-numbers a {
  display: inline-block;
  color: #4e4e4e;
  font: bold 16px/42px 'Roboto Condensed', sans-serif;
  padding: 0 7px;
}
.page-numbers a:hover {color: #00909A;}
.page-numbers a.active {color: #d42b2b;}
a.page-next, a.page-prev {
  height: 44px;
  width: 44px;
  display: inline-block;
}
a.page-next {background: #00909A url('/images/ausleisure/layout/icon-arrow-right-white.png') no-repeat center center;}
a.page-prev {background: #00909A url('/images/ausleisure/layout/icon-arrow-left-white.png') no-repeat center center;}
a.page-next:hover {background: #F6F6F6 url('/images/ausleisure/layout/icon-arrow-right-green.png') no-repeat center center;}
a.page-prev:hover {background: #F6F6F6 url('/images/ausleisure/layout/icon-arrow-left-green.png') no-repeat center center;}

/*==============================
  FORMS
==============================*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0;
  margin-bottom: 30px;
  padding: 1em;
}
.pad-right {margin-right: 5%;}


/*==============================
  SHOP PAGES
==============================*/
.shop-page h1 {
  font: bold 28px/30px 'Roboto Condensed', sans-serif;
  color: #d42b2b;
  text-transform: uppercase;
}
.shop-page .title.green {
  background-color: #00909A;
  color: #fff;
  text-transform: uppercase;
  line-height: 45px;
  padding-left: 30px;
}
.shop-page .title h3 {margin: 0}
.shop-page .content {
  padding: 15px 30px;
  padding-bottom: 0;
}
.shop-page label , .list-job label{
  display: block;
  font: bold 16px/20px 'Helvetica', sans-serif;
  color: #4e4e4e;
  padding-top: 6px;
  padding-bottom: 2px;
}
.shop-page .block {
  padding-bottom: 30px;
}
.shop-page .section {
  padding: 0;
}
.shop-page .categories {
  width: 90%;
  display: block;
  border-radius: 3px;
  height: 145px;
  padding: 5px 5px 5px 12px;
  background-color: #FAFAFA;
  overflow: scroll;
  overflow-x: hidden;
  border: solid 1px #D4D4D4;
}
.shop-page textarea {
  width: 90%;
  height: 8em;
}
.shop-page .section {background-color: #F6F6F6;}
.shop-page .section.final {background-color: inherit;}
.shop-page .ccv-info {
  display: inline-block;
  width: 147px;
  color: #898989;
  font: 12px/14px 'Helvetica', sans-serif;
}
.shop-page .cc.ccv {width: 60px;}
.shop-page .file_field {
  width: 100%;
  float: left;
}
.shop input[type="file"] {margin-bottom: 15px;}

.shop .block.left, .shop .block.right, .dashboard .block.right, .dashboard .block.left {
  width: 270px;
}
.shop .block.left input[type="text"], .shop .block.right input[type="text"], .dashboard .block.right input[type="text"], .dashboard .block.left input[type="text"], .shop .block.full-width input[type="text"], .shop .block input[type="password"] {
  width: 90%;
}


/*==============================
  ADVERTISING PAGES
==============================*/
.magweb h1, .supdir h1 {
  font: bold 28px/30px 'Roboto Condensed', sans-serif;
  color: #d42b2b;
  text-transform: uppercase;
}
.magweb h2, .supdir h2 {
  font: bold 22px/24px 'Roboto Condensed', sans-serif;
  color: #4e4e4e;
  text-transform: uppercase;
}
.magweb .text.mag {
  width: 70%;
}
.magweb .advertising-sections .text {
  max-width: 65%;
}
.magweb .advertising-sections .image {
  max-width: 30%
}
.magweb .text, .supdir .text, .magweb p, .supdir p {
  font: 16px/18px 'Helvetica', sans-serif;
}
.magweb .advertising-sections .section {
  padding: 0;
  border-top: 1px solid #E3E3E3;
  padding-top: 30px;
  margin-top: 30px;
}
.magweb h4 {
  font: bold 20px/22px 'Helvetica', sans-serif;
  text-transform: uppercase;
  color: #505050;
}
.magweb .advertising-sections h4 {
  font: bold 22px/24px 'Helvetica', sans-serif;
  text-transform: uppercase;
  color: #505050;
  margin-top: 0;
}
.magweb .magazine-image img {
  max-height: inherit;
}
.magweb .magazine-image {
  width: 26%;
}
.magweb .price {
  font-weight: bold;
  color: #D62A25;
}
.magweb .advertising-devices img {
  max-height: inherit;
  margin: 20px 0;
}
.magweb .call-to-action {margin-top: 30px;}

.supdir .types .premium {
  width: 54%;
  background-color: #F6F6F6;
  margin-top: 15px;
  margin-bottom: 30px;
}
.supdir .types .premium h3, .supdir .types .free h3 {
  display: block;
  background-color: #00909A;
  text-align: center;
  font: bold 22px/24px 'Roboto Condensed', sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 50px;
  margin: 0;
}
.supdir .types h4 {
  font: bold 22px/24px 'Roboto Condensed', sans-serif;
  color: #00909A;
}
.supdir .types .free {
  background-color: #F6F6F6;
  margin-top: 15px;
  width: 43%;
  margin-bottom: 30px;
  position: relative;
}
.supdir .types .free h3 {
  background-color: #8B8B8B;
}
.supdir .types .included {
  padding:  20px 30px;
  text-align: center;
  position: relative;
}
.supdir table.options {
  width: 100%;
}
.supdir table.options th {
  background-color: #F6F6F6;
}
.supdir table.options td, .supdir table.options th {
  padding: 10px 20px;
}
.supdir table.options td {
  border-bottom: 1px solid #F6F6F6;
  text-align: center;
}
.supdir table.options td.desc {text-align: left;}

.supdir .types .free .button {
  position: absolute;
  left: 50%;
  width: 70px;
  margin-left: -65px;
  bottom: 20px;
}

ul.pt-list.ee2 li.input input {
  background-position: 8px 17px !important;
}

/*==============================
==============================*/
@media screen and (max-width: 1280px) {
  header p.tagline {
    max-width: 185px;
    margin-top: 38px;
  }
  .ads.middle a:first-child {margin: 0 auto 20px auto;}
  .ads.middle .ad.small, .ads.middle a {
    width: 600px;
    height: 78px;
    margin: 0 auto;
    float: none;
  }
  footer .group1, footer .group2 {
    clear: both;
    float: none;
    margin: 0 auto;
  }
  footer .group1 {margin-bottom: 40px;}
  footer .group2 {padding-right: 22px;}
  footer .associations {background-image: none;}

  .entries .supplier {
    min-width: 130px;
  }
  .entries .supplier h4 {font: bold 14px/14px 'Roboto Condensed', sans-serif;}

  .entries .event {
    min-width: 130px;
  }
  .entries .event h4 {font: bold 14px/14px 'Roboto Condensed', sans-serif;}

  .ads.middle .ad.large {
    margin: 0 auto 20px auto;
  }

}


/*==============================
==============================*/
@media screen and (max-width: 1180px) {
  header .branding {margin-right: 460px;}
  header .ad.banner.large {
    width: 460px;
    height: 60px;
    margin-top: 40px;
  }
  header p.tagline {
    max-width: 165px;
    margin-top: 42px;
    font: bold 16px/18px 'Roboto Condensed', sans-serif;
  }
  header .main-nav a {
    padding: 15px 20px;
    font: bold 16px/20px 'Roboto Condensed', sans-serif;
  }
  header .supplier-directory a {
    background-image: none;
  }
  .section-title .sub-title {
    font: bold 14px/40px 'Roboto Condensed', sans-serif;
    margin: 0 8px;
  }
  .call-to-action .text {float: none;max-width: inherit;}
  .call-to-action h3, .call-to-action .description {
    display: block;
    text-align: center;
  }
  .call-to-action .button {
    float: none;
    margin: 0 auto;
    width: 180px;
    display: block;
    margin-top: 15px;
    max-width: inherit;
  }
}

/*==============================
==============================*/
@media screen and (max-width: 1115px) {
.shop .block.left, .shop .block.right, .dashboard .block.right, .dashboard .block.left, .shop .block.full-width {
    float: none;
    margin: 0 auto;
    width: 80%;
  }
}

/*==============================
==============================*/
@media screen and (max-width: 1035px) {

  .section-title .sub-title {display: none;}
  header .main-nav a {
    padding: 15px 18px;
    font: bold 16px/20px 'Roboto Condensed', sans-serif;
  }

  .story.lead-story {
    max-height: none;
    height: auto;
    box-shadow: none;
    min-height: 195px;
  }
  .news .story.lead-story .photo img {
    width: 256px;
    height: 195px;
  }
  .story.lead-story .content {margin: 0px 10px 10px 280px;}
  .story h2.title a, .story h2.title {font: bold 26px/28px 'Roboto Condensed', sans-serif;}
  .news .story h2 {max-height: none;}
  .news .lead-story {font-size: 15px;}
  .story.lead-story .body {max-height: none;}

  .page-body {max-width: 95%;}
}


/*============================== MOBI-NAV
==============================*/
@media screen and (max-width: 995px) {

  /*Mobi nav*/
  header .main-nav {display: none;}
  header .mobi-nav {display: block;}
  .sidebar.element.search {display: none;}
  header .ad.banner.large {margin-top: 55px;}
  header .ad.banner.large {
    width: 600px;
    height: 78px;
  }
  header .ads {
    top: 106px;
    right: 50%;
    margin-right: -300px;
  }
  header .branding {margin-bottom: 70px;}
  .container {padding: 0;}
  .top-border {display: none;}
  header h1.logo a {
    width: 437px;
    height: 160px;
    background: url('/images/ausleisure/layout/logo-mobi.png') no-repeat 18px -35px;
    margin-left: -67px;
    margin-bottom: -42px;
    z-index: 0;
  }
  h1.logo.asianleisure a{
    background: url('/images/asianleisure/logo-mobi-asianleisure.png') no-repeat 18px -35px!important;
  }
  header .branding {margin-right: 0;}
  header p.tagline {
    max-width: 300px;
    margin-top: 46px;
    margin-left: -8px;
    font: bold 18px/21px 'Roboto Condensed', sans-serif;
  }
  header .main-nav {margin-top: 110px;}
  header .main-nav a {
    padding: 15px 14px;
    font: bold 15px/20px 'Roboto Condensed', sans-serif;
  }
  header .main-nav .social a {padding: 14px 14px 16px 14px;}

  .story .content .meta {
    margin: 10px 0;
  }
  .lead-story .content .button {
    font-size: 12px;
    padding: 5px 9px;
  }
  .news .story.lead-story .photo img {
    width: 30%;
    height: auto;
  }
  .story.lead-story .content {margin: 0px 10px 10px 33%;}
  .story h2.title a, .story h2.title {font: bold 24px/26px 'Roboto Condensed', sans-serif;}


}


/*==============================
==============================*/
@media screen and (min-width: 840px) and (max-width: 995px) {
  .suppliers .entries .s5, .suppliers .entries .s6, .suppliers .entries .s7, .suppliers .entries .s8 {display: none;}
  .entries .supplier.s3 {clear: left;}
  .entries .supplier {
    width: 30%;
    padding: 1.4% 10%;
  }
  .entries .event.e3 {clear: left;}
  .entries .event {
    width: 30%;
    padding: 1.4% 10%;
  }
  .entries .event .date {
    left: 14%;
  }
  .page .section.page {padding: 0 4%;}

  .entries .supplier.fl:nth-child(2n+1) {clear: left;}
  .entries .event.fl:nth-child(2n+1) {clear: left;}
}


/*==============================
==============================*/
@media screen and (max-width: 935px) {

  .ads.middle .ad.small, .ads.middle a  {
    width: 460px;
    height: 60px;
    float: none;
    margin: 0 auto;
  }
  .ads.middle a:first-child {margin: 0 auto 20px auto;}
  .story.view, .events.view, .magazine.view {padding: 10px 6%;}


}


/*==============================
==============================*/
@media screen and (max-width: 840px) {

  .sidebar-container .element.ads, .sidebar-container .element.search {display: none;}
  .sidebar-container {
    position: static;
    float: none;
    clear: both;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: -30px;
    width: 80%;
    min-width: 300px;
  }
  .sidebar .element:last-child {margin-bottom: 0;}

  .main-content {
    margin-right: 0;
    min-height: 0 !important;
    width: 100%;
  }
  .shop-page .content {
    padding: 15px;
  }

}


/*==============================
==============================*/
@media screen and (max-width: 760px) {

  header p.tagline {
    max-width: 230px;
    margin-top: 34px;
    margin-left: -40px;
    font: bold 16px/20px 'Roboto Condensed', sans-serif;
  }
  
  footer .component {
    float: left;
    margin: 10px auto;
    padding: 20px 0;
    background-image: none;
    border-top: 1px solid #D7D6D4;
    width: 100% !important;
    padding-top: 30px;
  }
  footer .component.publications {border-top: none;padding-top: 0;margin-top: 0;}
  footer .group1, footer .group2 {
    width: 500px !important;
    margin-bottom: 0;
  }
  .component.links ul {
    min-width: 180px;
  }
  footer .component.logos {float: left;}

  .ads.middle a:first-child {margin: 0 auto 20px auto;}
  .ads.middle .ad.small, .ads.middle a {
    width: 600px;
    height: 78px;
    margin: 0 auto;
    float: none;
  }
  .section.view .details label {display: block;}

  .supdir .types .premium {
    float: none;
    clear: both;
    width: auto;
  }
  .supdir .types .free {
    float: none;
    clear: both;
    width: auto;
    height: auto !important;
    padding-bottom: 20px;
  }
  .supdir table.options td, .supdir table.options th {
    padding: 5px 10px;
  }

}


/*==============================
==============================*/
@media screen and (max-width: 690px) {
  header {height: 215px;}
  header .ad.banner.large {
    width: 460px;
    height: 60px;
    margin-top: 54px;
  }
  header .ads {
    top: 107px;
    right: 50%;
    margin-right: -230px;
  }
  header .branding {
    margin-bottom: 55px;
    width: 100%;
    position: relative;
  }

  .ads.middle .ad.small, .ads.middle a  {
    width: 460px;
    height: 60px;
    float: none;
    margin: 0 auto;
  }
  .ads.middle a:first-child {margin: 0 auto 20px auto;}

  .entries .supplier.s3 {clear: left;}
  .entries .supplier {
    width: 30%;
    padding: 1.4% 10%;
  }
  .entries .event.e3 {clear: left;}
  .entries .event {
    width: 30%;
    padding: 1.4% 10%;
  }

  footer .component {
    width: 440px !important;
  }
  footer .group1, footer .group2 {
    width: 430px !important;
  }
  .view .event .month {font: bold 18px/18px 'Roboto Condensed', sans-serif;}
  .view .event .day {font: bold 27px/27px 'Roboto Condensed', sans-serif;}
  .events.view .date {
    padding: 7px 11px;
    top: -15px;
    left: 0px;
  }
  h2.title a, h2.title {font: bold 24px/26px 'Roboto Condensed', sans-serif;}
  .news .story {margin: 20px 0px;margin-top: 0;}

  .entries .supplier.fl:nth-child(2n+1) {clear: left;}
  .entries .event.fl:nth-child(2n+1) {clear: left;}

}


/*==============================
==============================*/
@media screen and (max-width: 580px) {
  header {height: 255px;}
  header .ads {
    top: 163px;
    right: 50%;
  }
  header .ad.banner.large {margin-top: 42px;}
  header p.tagline {
    width: 300px;
    max-width: 300px;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    font: bold 16px/20px 'Roboto Condensed', sans-serif;
  }
  header h1.logo a {
    position: absolute;
    left: 50%;
    width: 437px;
    top: -6px;
    margin-left: -216px;
  }
  h1.logo.asianleisure a{
    margin-left: -237px;
  }
  .terse {display: inline;}
  .verbose {display: none;}
  .story.lead-story .photo {margin-top: -10px;}
  .lead-story .photo {
    float: none;
    clear: both;
  }
  .news .story.lead-story .photo img {
    width: auto;
    height: auto;
    position: static;
    margin: 0 auto;
    padding: 0;
    max-width: 320px;
    max-height: 244px;
  }
  .story.lead-story .photo a {
    display: block;
    margin: 0 auto;
    width: 320px;
  }
  .story.lead-story .content {
    margin: 20px auto 10px auto;
    float: none;
    clear: left;
    padding: 0 10px;
    margin-left: auto !important;
  }
  .story.lead-story {
    margin: 0 -10px 30px -10px;
  }
  .lead-story .content {
    max-width: 320px;
  }
  .story.view, .events.view, .magazine.view {padding: 10px 3%;}

  .magweb .magazine-image {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 45%;
    text-align: center;
  }
  .magweb .text {width: 100% !important;}
  .page .section.page {padding: 0 4%;}

}


/*==============================
==============================*/
@media screen and (max-width: 485px) {
  header {height: 238px;}
  header .ads, header .ads a {
    top: 164px;
    right: 50%;
    margin-right: 0;
  }
  header .ads a{margin-right: -160px;}
  header h1.logo a {
    width: 100%;
    margin-left: -50%;
    background: url('/images/ausleisure/layout/logo-mobi.png') no-repeat 50% -35px;

  }
  h1.logo.asianleisure a{
    background: url('/images/asianleisure/logo-mobi-asianleisure.png') no-repeat 50% -35px!important;
    margin-left: -50%;
  }
  .news .entries {padding: 10px}

   .story {margin: 15px 5px;}

  footer .component {
    width: 310px !important;
  }
  footer .group1, footer .group2 {
    width: 310px !important;
    margin: 0 auto;
    padding: 0;
  }
  .component.links ul {
    min-width: 140px;
  }
  .component.logos {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .component.publications {
    margin-top: 0;
    padding-top: 0;
  }
  .entries .call-to-action {
    padding: 20px 10px;
    margin: 0;
  }
  .call-to-action .button {width: 160px;}

  .entries .supplier {padding: 10px 7.1%;}
  .entries .event {padding: 10px 7.1%;}

  .ads.middle .ad.banner.small, .ads.middle a, header .ads a, header .ads .ad.banner {
    width: 320px;
    height: 42px;
  }
  .news .story .photo img {
    padding-left: 8px;
    max-width: 90px;
  }
  .news .story .content {margin-left: 125px;}
  .sidebar-container {width: 98%}

  .entries .story .content {margin-left: 105px;}
  .entries .story .photo img {max-width: 90px;max-height: 90px;}

  .magweb .advertising-sections .image {
    float: none;
    clear: both;
    max-width: inherit;
    margin: 10px auto;
    text-align: center;
  }
  .magweb .advertising-sections .text {max-width: inherit;}

}


/*==============================
==============================*/
@media screen and (max-width: 400px) {
  .entries .supplier {padding: 10px 4.9%;}
  .entries .event {padding: 10px 4%;}
  .story.view, .events.view, .magazine.view {padding: 10px 3%;}

}

/*==============================
==============================*/
@media screen and (max-width: 355px) {
  .story.lead-story .photo {
    left: 0;
    margin: 0 auto;
    margin-top: -10px;
  }
  .entries .supplier {padding: 10px 4.8%;}
  .entries .event {padding: 10px 3.8%;}
  .story.view, .events.view, .magazine.view {padding: 10px 2%;}

  .news .entries {padding: 8px}

  .shop-page .content {
    padding: 10px 11px;
  }

}
@media screen and (max-width: 350px) {
  .entries .supplier {
    padding: 1.4% 3.6%;
  }
  .section.news {padding: 20px 0 20px 0;}
  .news .entries {padding: 8px 0px}

}


/* Chrome bug */
body {
    -webkit-animation-delay: 0.2s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}



/*==============================
  BUMPER
==============================*/

div.bumper {
    width: 100%;
    position: fixed;
    z-index: 25; 
    bottom: 0;
    max-height: 200px;
    background-color: #fff;
    transition: .5s ease all;
    /*min-height: 200px;*/
    height: 14vw;

}

div.bumper > .container {
  padding: 0;
}

@media only screen  and (min-width : 1280px) {
  div.bumper {
    min-height: 200px;
    max-height: 200px;
  }
}

div.bumper img {
  max-width: 100%;
  height: auto; 
}


.bumper.hidden {
  bottom: -200px ;
}


.bumper .close {
    position: absolute;
    right: .5em;
    top: .5em;
    font-size: 22px;
    z-index: 50; 
}

.bumper .large.bumper-ad {
  width: 100%;
  height: 200px;
  display: block;
}

.paywall-banner{
  z-index: 9999;
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #d8271b;
  color: white;
  text-align: center;

}

.paywall-banner .paywall-image{
    padding-bottom: 105px;
    padding-top: 105px;
    background: url("/images/ausleisure/layout/aus-male.png") left top 50% no-repeat,
    url("/images/ausleisure/layout/aus-female.png") right bottom 50% no-repeat;
}

@media (max-width: 1280px){
    .paywall-banner .paywall-image{
        padding-bottom: 50px;
        padding-top: 50px;
    }
}

@media (max-width: 1080px){
    .paywall-banner .paywall-image{
        padding-bottom: 25px;
        padding-top: 25px;
    }
}

@media (max-width: 991px){
    .paywall-banner .paywall-image{
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

@media (max-width: 768px){
    .paywall-banner .paywall-image{
        height: 375px;
        background: url("/images/ausleisure/layout/paywall-bg-mobile.png") center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media (max-width: 767px){
    .paywall-banner .paywall-image{
        height: 420px;
    }
}

.paywall-banner .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.paywall-banner h1{
    color: #fff;
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px){
    .paywall-banner h1{
        font-size: 31px;
    }
}

@media (max-width: 414px){
    .paywall-banner h1{
        font-size: 26px;
    }
}

.no-overflow{
  overflow: hidden;
}

.paywall-description p{
    font-size: 21px;
    line-height: 1;
    padding-bottom: 30px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 414px){
    .paywall-banner p{
        font-size: 18px;
    }
}

.paywall-banner a{
    background-color: #009099 !important;
    width: 150px;
}

.paywall-banner a:hover{
    background-color: #009099ba !important;
}

.button-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.button-wrap{
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width:414px){
    .button-wrap:first-child{
        padding-bottom: 15px;
    }
}


.fw-elastic-search .ais-search-box {
    max-width: 100% !important;
}
.fw-elastic-search input { 
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    padding-left: 35px;
    padding-right: 35px;
}
.fw-elastic-search .ais-search-box--magnifier {
    top: 15px;
    left: 13px;
}
.fw-elastic-search .ais-search-box--reset {
    top: 15px;
    right: 13px;
}
.search-result-pagination {
  background-color: #F6F6F6;
}

.search-result-pagination ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
}
.search-result-pagination ul li {
  display: inline-block;
}
.search-result-pagination ul li a,
.search-result-pagination ul li span {
  text-decoration: none;
  display: block;
  width: 30px;
  height: 44px;
  line-height: 44px;
}
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__first,
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__last {
  display: none;
}
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__previous {
  position: absolute;
  left: 0;
  background: #00909A url("https://www.ausleisure.com.au/images/ausleisure/layout/icon-arrow-left-white.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
}
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__next {
  position: absolute;
  right: 0;
  background: #00909A url("https://www.ausleisure.com.au/images/ausleisure/layout/icon-arrow-right-white.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
}
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__previous, .search-result-pagination ul li.ais-pagination--item.ais-pagination--item__next {
  color: transparent;
}
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__page a {
  color: #4e4e4e;
  font-weight: 700;
  width: auto;
  padding: 0 7px;
}
.search-result-pagination ul li.ais-pagination--item.ais-pagination--item__page.ais-pagination--item__active a {
  color: #d42b2b !important;
}
#search-result-hit-standard-suppliers .ais-hits *,
#search-result-hit-events .ais-hits * {
    box-sizing: border-box;
}
#search-result-hit-standard-suppliers .ais-hits,
#search-result-hit-events .ais-hits{
    margin-left: -10px;
    margin-right: -10px;
}
#search-result-hit-standard-suppliers .ais-hits:after,
#search-result-hit-events .ais-hits:after {
    content: "";
    clear: both;
    display: table;
}
#search-result-hit-standard-suppliers .ais-hits .ais-hits--item,
#search-result-hit-events .ais-hits .ais-hits--item {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    width: 50%;
    margin-bottom: 20px;
    min-height: 300px;
}
#search-result-hit-standard-suppliers .ais-hits .ais-hits--item {
    min-height: 250px;
}
#search-result-hit-events .ais-hits .ais-hits--item {
    min-height: 300px;
}
#search-result-hit-standard-suppliers .ais-hits .ais-hits--item h4 a,
#search-result-hit-events .ais-hits .ais-hits--item h4 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(min-width: 768px) {
  #search-result-hit-standard-suppliers .ais-hits .ais-hits--item,
  #search-result-hit-events .ais-hits .ais-hits--item {
    width: 33.33%;
    
  }
  #search-result-hit-events .ais-hits .ais-hits--item {
    min-height: 270px;
  }
}
@media(min-width: 841px) {
    #search-result-hit-standard-suppliers .ais-hits .ais-hits--item {
        min-height: 250px;
    }
    #search-result-hit-events .ais-hits .ais-hits--item {
        min-height: 290px;
    }
}
@media(min-width: 1001px) {
  #search-result-hit-standard-suppliers .ais-hits .ais-hits--item,
  #search-result-hit-events .ais-hits .ais-hits--item {
    width: 25%;
  }
  /*#search-result-hit-standard-suppliers .ais-hits .ais-hits--item {*/
  /*  min-height: 20px;*/
  /*}*/
  #search-result-hit-events .ais-hits .ais-hits--item {
    min-height: 280px;
  }
}
#search-result-hit-standard-suppliers .ais-hits .ais-hits--item .logo,
#search-result-hit-events .ais-hits .ais-hits--item .image {
    height: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}
#search-result-hit-standard-suppliers .ais-hits .ais-hits--item .logo img,
#search-result-hit-events .ais-hits .ais-hits--item .image img {
    display: block;
    margin: auto;
    max-height: 100%;
}
#search-result-hit-events .ais-hits .ais-hits--item .date {
    position: absolute;
    z-index: 10;
    top: 4px;
    left: 6px;
    background-color: #008F99;
    color: #fff;
    padding: 5px;
    min-width: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
#search-result-hit-events .ais-hits .ais-hits--item .date span {
    display: block;
}
.sb-elastic-search {
    position: relative;
}
.sb-elastic-search .ais-search-box--magnifier,
.sb-elastic-search .ais-search-box--reset {
    display: none;
}
#sidebar_search, #sidebar_search_header {
    position: relative;
}
#sidebar_search #hits, #sidebar_search_header #hits-header{
    /*position: absolute;*/
    background-color: #f6f6f6;
    margin: -10px 0 10px 0;
    padding: 15px;
    z-index: 29;
    /*box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.3);*/
    border: 1px solid #d4d4d4;
    border-radius: 3px;
}
#sidebar_search #hits .ais-hits.ais-hits__empty,#sidebar_search_header #hits-header .ais-hits.ais-hits__empty {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}
#sidebar_search #hits .ais-hits.ais-hits__empty em, #sidebar_search_header #hits-header .ais-hits.ais-hits__empty em { 
    color: #d42b2b;
}
#sidebar_search #hits .ais-hits .ais-hits--item:not(:first-child), #sidebar_search_header #hits-header .ais-hits .ais-hits--item:not(:first-child) {
    padding-top: 10px;
    border-top: 1px dashed #d4d4d4;
}
#sidebar_search #hits .ais-hits .ais-hits--item:not(:last-child), #sidebar_search_header #hits-header .ais-hits .ais-hits--item:not(:last-child) {
    padding-bottom: 10px;
}
#sidebar_search #hits .ais-hits .ais-hits--item a, #sidebar_search_header #hits-header .ais-hits .ais-hits--item a {
    font-size: 13px;
    color: #464646;
    display: block;
    transition: all 100ms ease;
}
#sidebar_search #hits .ais-hits .ais-hits--item a:hover, #sidebar_search_header #hits-header .ais-hits .ais-hits--item a:hover {
    font-weight: 700;
}
#sidebar_search #hits .ais-hits .ais-hits--item a em, #sidebar_search_header #hits-header .ais-hits .ais-hits--item a em {
    font-weight: 700;
    color: #009099;
}
#ais-result-section .ais-hits .ais-hits--item:not(:last-child) .story {
    border-bottom: 1px solid #E3E3E3;
}


/******* Author page design****/

.author.section-title{
  display: flex;
  align-items: center;
}

.author.section-title .author_name{
  padding-left: 15px;
  text-transform: unset;
  color: #666666;
}

.author_content{
  margin-top: 20px;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 30px;
  margin-left: -24px;
  margin-right: -24px;
  box-shadow: 0px 2px 2px rgba(126, 126, 126, 0.3);
}

.author_img{
  display: flex;
  align-items: center;
  padding-right: 15px;
}

/*.author_img img{
  border-radius: 100%;
  max-width: 100%;
  height: auto;
  width: 100%;
}*/

.author_img .img_background{
 height: 95px;
 width: 100%;
 max-width: 95px;
 margin: 0 auto;
 border-radius: 100%;
}
@media (max-width: 768px){
  .author_img .img_background{
    height: 80.31px;
  }
}
@media (max-width: 414px){
  .author_img .img_background{
    height: 95px;
  }
}


.author_article h5.heading{
  margin: 0;
  text-transform: uppercase;
  color: #D62A25;
  font: bold 14px 'Roboto Condensed', sans-serif;
}

@media (max-width: 414px){
  .author_article h5.heading{
    text-align: center;
  }
}

.author_details{
  display: flex;
  padding-top: 15px;
}

.author_details h4, .author_details p{
  margin: 0;
} 

.author_details h4.author_name{
  font: bold 24px 'Roboto Condensed', sans-serif;
  line-height: 1;
}

.author_details p.author_position{
  padding-left: 30px;
  display: flex;
  align-items: flex-end;
  font: bold 12px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  padding-bottom: 2px;
}

.post_details{
  display: flex;
  padding-top: 20px;
  align-items: center;
}

.post_details .date{
  margin: 0 !important;
}

.post_details .author_bio{
  display: flex;
  padding-left: 30px;
  align-items: center;
}

.post_details .author_pic{
  padding-right: 10px;
}

.post_details .author_pic .img_background{
  height: 38px;
  width: 38px;
  border-radius: 100%;
}

.post_details .author_name{
  font: bold 18px/18px 'Roboto Condensed', sans-serif;
}

.post_details a{
  color: #444343;
}

.post_details a:hover{
  color: #009099;
}

@media (max-width: 414px){
  .author_content{
    display: block;
    padding: 1em;
    margin-top: 0;
  }
  .author_content .author_img{
    padding-right: 0;
  }
  .author_content .author_article{
    padding-top: 1em;
  }

  .author_content .author_article article .author_details{
    display: block;
    padding-top: 1em;
    text-align: center;
  }
  .author_content .author_article article .author_position{
    display: block;
    padding-left: 0;
    padding-top: 1em;
    text-align: center;
  } 

  .post_details{
    display: block;
  }
  .post_details .author_bio{
    padding-left: 0;
    padding-top: 15px;
  }
  .story .meta .categories, .story.lead-story .meta .categories{
    display: block;
    margin-left: 0;
    margin-top: 0;
  }

}
.author_content.article_page{
  box-shadow: none;
  border-top: 1px solid #E3E3E3;
  margin-left: 0;
  margin-right: 0;
}

.by{
  text-transform: none;
  padding-right: 5px;
}

.author_content.author_list{
  box-shadow: none;
}

.author_content.author_list .author_name a{
  display: inline-block;
  padding: 5px 9px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #D62A25;
  font: 12px/12px 'Roboto Condensed', sans-serif;
  font-weight: bold;
}

.author_content.author_list .author_name a:hover{
  background-color: #008F99;
}

ul.author_social_media{
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.author_social_media li{
  display: inline-block;
  padding-left: 10px;
}
ul.author_social_media li a{
  color: #008F99;
  font-size: 18px;
}

ul.author_social_media li a:hover{
  color: #D62A25;
}

/*************************************/
.row{
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.col{
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  position: relative;
  max-width: 100%;
}
.col-50{
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  position: relative;
  max-width: 50%;
}

.col-15{
  flex: 0 0 15%;
  position: relative;;
  max-width: 15%;
  -ms-flex: 0 0 15%;
}
.col-85{
  flex: 0 0 85%;
  position: relative;
  max-width: 85%;
  -ms-flex: 0 0 85%;
}

@media (max-width: 414px){
  .col-15, .col-85, .col-50{
    flex: 0 0 100%;
    position: relative;;
    max-width: 100%;
    -ms-flex: 0 0 100%;
  }
}

.h-100{
  height: 100%;
}

.text-right{
  text-align: right;
}

@media (max-width: 414px){
  .text-right{
    text-align: center;
  }
  .author_name, .author_position{
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    text-align: center;
  }
  .author_position{
    padding-bottom: 5px !important;
  }
  .button_container{
    text-align: center;
  }
}

.vertical-center{
  align-items: center;
}

.adsbygoogle-container {
    padding-bottom: 25px;
}

.adsense-header.ads{
    width: 50%;
    height: auto;
    position: absolute;
    top: 20px;
    right: 0;
}

.job-location, .job-salary, .job-closing {
  font-size: 16px;
  font-weight:bold;
}

.job-article{
  font-size: 15px;
}

.job-listing-fl{
  width: 70%;
}

.job-listing-fr{
  width: 30%;
}
/*************************************/

.job-categories {color: #009099;}

.job-category .story{
    margin: 20px 16px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 20px;
    font-size: 15px;
    clear: left;
    position: relative;
}

.job-category .social{
  border-top: none;
}

.main-content .job-category .date{
  font-weight: bold!important;
  color:  #333;
}

.main-content .job-category .date, .main-content .job-category .view .inline-date, .main-content .view .categories {
  font: 12px/12px 'Roboto Condensed', sans-serif;
}