/* stylelint-disable */
/**************************************************************

	THE USE OF NEW COLOURS ARE NOT PERMITED. ONLY THE COLOURS LISTED IN THE BRAND IDENTITY ARE ALLOWED TO BE USED. 
    REFER BRAND IDENTITY POLICY. 
    /**************************************************************

	COLOUR STYLESHEET INDEXING
	|
	|
	|___ Backgrounds
	|___ Hyperlinks
    |___ Gold hyperlinks when used on smaller font
	|___ Table borders, Table headers
	    |___Grey
        |___Gold
        |___Copper
        |___Teal
	|___ Error Message Colours

**************************************************************/
/* ALLOWED TO BE USED ONLY AS BACKGROUND COLOURS */
/* USE THIS ONLY FOR HYPERLINKS */
/* GOLD HYPERLINKS HYPERLINKS - WHEN USED ON SMALLER FONT TO PASS AA */
/* USE THIS ONLY TO HIGHLIGHT'S IN TABLE */
/* USE THIS FOR TABLE BORDERS, TABLE HEADERS */
/* GREY */
/* GOLD */
/* COPPER */
/* TEAL */
/* COLOURS ALOOWED FOR ERROR MESSAGES ON FORMS */
/* Badge color */
/* Focus color */
/* GRID LAYOUT BREAKPOINTS */
/* ANCHOR mixins */
/* ANCHOR Customisation */
/**************************************************************

	STYLESHEET INDEXING
	|
	|
	|___ Responsiveness
	|	|
    |	|___ Body
	|	|___ Links
	|	|___ Band white
	|	|___ Band black
	|	|___ Band tint
	|	|___ Heading
	|	|___ Paragraph
	|	|___ spacing
    |	|___ Dividers
	|	|___ Alignment
	|	|___

**************************************************************/
/* stylelint-disable */
/**************************************************************

	THE USE OF NEW COLOURS ARE NOT PERMITED. ONLY THE COLOURS LISTED IN THE BRAND IDENTITY ARE ALLOWED TO BE USED. 
    REFER BRAND IDENTITY POLICY. 
    /**************************************************************

	COLOUR STYLESHEET INDEXING
	|
	|
	|___ Backgrounds
	|___ Hyperlinks
    |___ Gold hyperlinks when used on smaller font
	|___ Table borders, Table headers
	    |___Grey
        |___Gold
        |___Copper
        |___Teal
	|___ Error Message Colours

**************************************************************/
/* ALLOWED TO BE USED ONLY AS BACKGROUND COLOURS */
/* USE THIS ONLY FOR HYPERLINKS */
/* GOLD HYPERLINKS HYPERLINKS - WHEN USED ON SMALLER FONT TO PASS AA */
/* USE THIS ONLY TO HIGHLIGHT'S IN TABLE */
/* USE THIS FOR TABLE BORDERS, TABLE HEADERS */
/* GREY */
/* GOLD */
/* COPPER */
/* TEAL */
/* COLOURS ALOOWED FOR ERROR MESSAGES ON FORMS */
/* Badge color */
/* Focus color */
/* GRID LAYOUT BREAKPOINTS */
/* ANCHOR mixins */
/* ANCHOR Customisation */
.anu-wf-slider-hero {
  position: relative;
}
.anu-wf-slider-hero .anu-wf-slider-hero-item {
  background-size: cover;
  display: none;
  position: relative;
}
.anu-wf-slider-hero .anu-wf-slider-hero-item.active {
  display: block;
}
.anu-wf-slider-hero .anu-wf-slider-hero-item .anu-wf-slider-hero-banner {
  background-color: #000;
  color: #fff;
  position: absolute;
  bottom: 0;
}
.anu-wf-slider-hero .anu-wf-slider-hero-item .anu-wf-slider-hero-banner.left {
  left: 0;
}
.anu-wf-slider-hero .anu-wf-slider-hero-item .anu-wf-slider-hero-banner.right {
  right: 0;
}
.anu-wf-slider-hero .anu-wf-slider-hero-item .anu-wf-slider-hero-banner.middle {
  left: 50%;
  transform: translate(-50%, 0);
}
.anu-wf-slider-hero .anu-wf-slider-hero-control-left {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
  display: inline-flex;
  align-items: center;
  z-index: 2;
}
.anu-wf-slider-hero .anu-wf-slider-hero-control-right {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
  display: inline-flex;
  align-items: center;
  z-index: 2;
}
.anu-wf-slider-hero .anu-wf-slider-hero-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.anu-wf-slider-hero .anu-wf-slider-hero-dots .anu-wf-slider-hero-dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin: 0 5px;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.anu-wf-slider-hero .anu-wf-slider-hero-dots .anu-wf-slider-hero-dot.active {
  background-color: #000;
}

@media (min-width: 0) and (max-width: 991px) {
  .anu-wf-slider-hero .anu-wf-slider-hero-item .anu-wf-slider-hero-banner {
    margin-bottom: 0 !important;
    left: 0 !important;
    width: 100%;
    transform: translate(0, 0) !important;
    padding: 10px 14px !important;
  }
}

/*# sourceMappingURL=heroslider.css.map */