/**************************************************************

	STYLESHEET INDEXING
	|
	|
	|___ Default Styles
	|	|
  |	|___ Banner & Feature heights
	|	|___ band-white-wrap > a
  |	|___ band-black-wrap > a
  |	|___ band-tint-wrap > a
  |	|___ bg-white > a
  |	|___ bg-black > a
  |	|___ bg-tint > a
  |	|___ band-white-wrap / bg-white > p/h1-h6 > a
  |	|___ band-black-wrap / bg-black > p/h1-h6 > a
  |	|___ band-tint-wrap / bg-tint > p/h1-h6 > a
  |	|___ Banner Component: banner-md, banner-lg, banner-sm

**************************************************************/
/* 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 */
/* ANCHOR - Banner & Feature heights */
/* ANCHOR - Feature image heights */
/* ANCHOR - BAND-*-WRAP */
.band-white-wrap {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
}
.band-white-wrap a {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.band-white-wrap a:hover {
  color: #be830e;
}

.band-black-wrap {
  background-color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}
.band-black-wrap a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.band-black-wrap a:hover {
  color: #be830e;
}

.band-tint-wrap {
  background-color: #f5edde;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
}
.band-tint-wrap a {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.band-tint-wrap a:hover {
  color: #be830e;
}

/* ANCHOR - * BACKGROUND COLOUR */
.bg-white {
  background-color: #fff;
  color: #000;
}
.bg-white a {
  color: #945f00;
  cursor: pointer;
}
.bg-white a:hover {
  text-decoration: hover;
}

.bg-grey {
  background-color: #F2F2F2;
  color: #000;
}
.bg-grey a {
  color: #945f00;
  cursor: pointer;
}
.bg-grey a:hover {
  text-decoration: hover;
}

.bg-black {
  background-color: #000;
  color: #fff;
}
.bg-black a {
  color: #fff;
  cursor: pointer;
}
.bg-black a:hover {
  color: #945f00;
}

.bg-tint {
  background-color: #f5edde;
  color: #000;
}
.bg-tint a {
  color: #000;
  cursor: pointer;
}
.bg-tint a:hover {
  color: #945f00;
  text-decoration: underline;
}

/* ANCHOR - BACKGROUND + P & H1-H6 */
.band-white-wrap p a,
.bg-white p a,
.bg-grey p a {
  color: #146ebd;
  text-decoration: unset;
}
.band-white-wrap p a:hover,
.bg-white p a:hover,
.bg-grey p a:hover {
  color: #146ebd;
  text-decoration: underline;
}
.band-white-wrap h1 a,
.band-white-wrap h2 a,
.band-white-wrap h3 a,
.band-white-wrap h4 a,
.band-white-wrap h5 a,
.band-white-wrap h6 a,
.bg-white h1 a,
.bg-white h2 a,
.bg-white h3 a,
.bg-white h4 a,
.bg-white h5 a,
.bg-white h6 a,
.bg-grey h1 a,
.bg-grey h2 a,
.bg-grey h3 a,
.bg-grey h4 a,
.bg-grey h5 a,
.bg-grey h6 a {
  color: #000;
  text-decoration: unset;
}
.band-white-wrap h1 a:hover,
.band-white-wrap h2 a:hover,
.band-white-wrap h3 a:hover,
.band-white-wrap h4 a:hover,
.band-white-wrap h5 a:hover,
.band-white-wrap h6 a:hover,
.bg-white h1 a:hover,
.bg-white h2 a:hover,
.bg-white h3 a:hover,
.bg-white h4 a:hover,
.bg-white h5 a:hover,
.bg-white h6 a:hover,
.bg-grey h1 a:hover,
.bg-grey h2 a:hover,
.bg-grey h3 a:hover,
.bg-grey h4 a:hover,
.bg-grey h5 a:hover,
.bg-grey h6 a:hover {
  color: #000;
  text-decoration: underline;
}

.band-black-wrap p a,
.bg-black p a {
  color: #be830e;
  text-decoration: unset;
}
.band-black-wrap p a:hover,
.bg-black p a:hover {
  color: #be830e;
  text-decoration: underline;
}
.band-black-wrap h1 a,
.band-black-wrap h2 a,
.band-black-wrap h3 a,
.band-black-wrap h4 a,
.band-black-wrap h5 a,
.band-black-wrap h6 a,
.bg-black h1 a,
.bg-black h2 a,
.bg-black h3 a,
.bg-black h4 a,
.bg-black h5 a,
.bg-black h6 a {
  color: #fff;
  text-decoration: unset;
}
.band-black-wrap h1 a:hover,
.band-black-wrap h2 a:hover,
.band-black-wrap h3 a:hover,
.band-black-wrap h4 a:hover,
.band-black-wrap h5 a:hover,
.band-black-wrap h6 a:hover,
.bg-black h1 a:hover,
.bg-black h2 a:hover,
.bg-black h3 a:hover,
.bg-black h4 a:hover,
.bg-black h5 a:hover,
.bg-black h6 a:hover {
  color: #fff;
  text-decoration: underline;
}

.band-tint-wrap ul li a,
.band-tint-wrap p a,
.bg-tint ul li a,
.bg-tint p a {
  color: #146ebd;
  text-decoration: unset;
}
.band-tint-wrap ul li a:hover,
.band-tint-wrap p a:hover,
.bg-tint ul li a:hover,
.bg-tint p a:hover {
  color: #146ebd;
  text-decoration: underline;
}
.band-tint-wrap h1 a,
.band-tint-wrap h2 a,
.band-tint-wrap h3 a,
.band-tint-wrap h4 a,
.band-tint-wrap h5 a,
.band-tint-wrap h6 a,
.bg-tint h1 a,
.bg-tint h2 a,
.bg-tint h3 a,
.bg-tint h4 a,
.bg-tint h5 a,
.bg-tint h6 a {
  color: #000;
  text-decoration: unset;
}
.band-tint-wrap h1 a:hover,
.band-tint-wrap h2 a:hover,
.band-tint-wrap h3 a:hover,
.band-tint-wrap h4 a:hover,
.band-tint-wrap h5 a:hover,
.band-tint-wrap h6 a:hover,
.bg-tint h1 a:hover,
.bg-tint h2 a:hover,
.bg-tint h3 a:hover,
.bg-tint h4 a:hover,
.bg-tint h5 a:hover,
.bg-tint h6 a:hover {
  color: #000;
  text-decoration: underline;
}

/* ANCHOR - ANU BAND */
.anu-band .band-banner-wrap {
  height: 500px;
  overflow: hidden;
}

.anu-band .band-banner {
  position: relative;
  z-index: 100;
}

.anu-band .band-banner-text {
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 20px 20px 60px;
  padding: 20px;
  background: #000;
  width: 50%;
  bottom: -20px;
  position: absolute;
}

.anu-band a.band-banner-btn {
  text-shadow: none;
  text-decoration: none;
  border: 1px #fff solid;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  padding: 10px 20px;
}
.anu-band a.band-banner-btn:hover, .anu-band a.band-banner-btn:focus {
  cursor: pointer;
  text-decoration: none;
  text-shadow: none;
  background: #fff;
  border-color: #fff;
  color: #000;
}

.anu-band .band-promo-wrap {
  height: 400px;
  overflow: hidden;
}

.anu-band .band-promo-cover {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.anu-band .band-promo {
  position: relative;
  z-index: 100;
}

.anu-band .band-promo-text {
  color: gray;
  text-shadow: 1px 1px #000;
  margin: 20px;
  padding: 20px 20px 5px;
  background: rgba(0, 0, 0, 0.75);
  width: 92%;
  bottom: 0;
  position: absolute;
  text-align: center;
}

/* To be Deleted- ANU IMAGE BANNER WITH TEXT - To be Deleted after all styles migrated */
.banner {
  display: flex;
  align-items: center;
}
.banner .overlap {
  overflow: hidden;
}

.banner-overlay {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 15.65%, rgba(0, 0, 0, 0.64) 99.33%);
}

@media only screen and (max-width: 991px) {
  .banner {
    height: auto !important;
  }
  .banner-overlay {
    background: #000;
  }
  .banner .overlap > img {
    min-height: 300px !important;
    object-position: 65%;
  }
  .overlap-child.banner-overlay {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* To be Deleted- ANU IMAGE BANNER WITH TEXT - To be Deleted after all styles migrated */
/* Banner Component: banner-md, banner-lg, banner-sm */
.banner-md,
.banner-lg,
.banner-sm {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner-md > img:first-child,
.banner-lg > img:first-child,
.banner-sm > img:first-child {
  object-fit: cover;
  width: 100%;
}
.banner-md .banner-content,
.banner-lg .banner-content,
.banner-sm .banner-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 15.65%, rgba(0, 0, 0, 0.64) 99.33%);
  color: #fff;
}
.banner-md .banner-content h1 a,
.banner-md .banner-content h2 a,
.banner-md .banner-content h3 a,
.banner-md .banner-content h4 a,
.banner-md .banner-content h5 a,
.banner-md .banner-content h6 a,
.banner-lg .banner-content h1 a,
.banner-lg .banner-content h2 a,
.banner-lg .banner-content h3 a,
.banner-lg .banner-content h4 a,
.banner-lg .banner-content h5 a,
.banner-lg .banner-content h6 a,
.banner-sm .banner-content h1 a,
.banner-sm .banner-content h2 a,
.banner-sm .banner-content h3 a,
.banner-sm .banner-content h4 a,
.banner-sm .banner-content h5 a,
.banner-sm .banner-content h6 a {
  text-decoration: none;
}
.banner-md .banner-content h1 a:hover,
.banner-md .banner-content h2 a:hover,
.banner-md .banner-content h3 a:hover,
.banner-md .banner-content h4 a:hover,
.banner-md .banner-content h5 a:hover,
.banner-md .banner-content h6 a:hover,
.banner-lg .banner-content h1 a:hover,
.banner-lg .banner-content h2 a:hover,
.banner-lg .banner-content h3 a:hover,
.banner-lg .banner-content h4 a:hover,
.banner-lg .banner-content h5 a:hover,
.banner-lg .banner-content h6 a:hover,
.banner-sm .banner-content h1 a:hover,
.banner-sm .banner-content h2 a:hover,
.banner-sm .banner-content h3 a:hover,
.banner-sm .banner-content h4 a:hover,
.banner-sm .banner-content h5 a:hover,
.banner-sm .banner-content h6 a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  .banner-md .banner-content,
.banner-lg .banner-content,
.banner-sm .banner-content {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #000;
  }
}

/* Banner Component: Sizes - md, lg, sm  */
.banner-md > img:first-child {
  height: 400px;
}
@media only screen and (max-width: 991px) {
  .banner-md > img:first-child {
    height: 300px;
    object-position: 65%;
  }
}

.banner-lg > img:first-child {
  height: 600px;
}
@media only screen and (max-width: 991px) {
  .banner-lg > img:first-child {
    height: 350px;
    object-position: 65%;
  }
}

.banner-sm > img:first-child {
  height: 350px;
}
@media only screen and (max-width: 991px) {
  .banner-sm > img:first-child {
    height: 250px;
    object-position: 65%;
  }
}

/* 1. Feature Component: feature-md, feature-lg, feature-sm
   2. Feature Utilities:
       - Image position: feature-img-left, feature-img-right
       - Image Effect:   feature-img-arrow */
.feature-md,
.feature-lg,
.feature-sm,
.feature-auto {
  position: relative;
}
.feature-md > img:first-child,
.feature-lg > img:first-child,
.feature-sm > img:first-child,
.feature-auto > img:first-child {
  position: absolute;
  right: 0;
  object-fit: cover;
  width: 45%;
  height: 100%;
}
.feature-md .feature-content-wrapper,
.feature-lg .feature-content-wrapper,
.feature-sm .feature-content-wrapper,
.feature-auto .feature-content-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.feature-md .feature-content,
.feature-lg .feature-content,
.feature-sm .feature-content,
.feature-auto .feature-content {
  width: 50%;
}
.feature-md.feature-img-left > img:first-child,
.feature-lg.feature-img-left > img:first-child,
.feature-sm.feature-img-left > img:first-child,
.feature-auto.feature-img-left > img:first-child {
  right: auto;
  left: 0;
  width: 50%;
}
.feature-md.feature-img-left .feature-content-wrapper,
.feature-lg.feature-img-left .feature-content-wrapper,
.feature-sm.feature-img-left .feature-content-wrapper,
.feature-auto.feature-img-left .feature-content-wrapper {
  justify-content: flex-end;
}
.feature-md.feature-img-left .feature-content,
.feature-lg.feature-img-left .feature-content,
.feature-sm.feature-img-left .feature-content,
.feature-auto.feature-img-left .feature-content {
  width: 45%;
}
.feature-md.feature-img-arrow:not(.feature-img-left) > img:first-child,
.feature-lg.feature-img-arrow:not(.feature-img-left) > img:first-child,
.feature-sm.feature-img-arrow:not(.feature-img-left) > img:first-child,
.feature-auto.feature-img-arrow:not(.feature-img-left) > img:first-child {
  clip-path: polygon(15% 0, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
}
.feature-md.feature-img-arrow.feature-img-left > img:first-child,
.feature-lg.feature-img-arrow.feature-img-left > img:first-child,
.feature-sm.feature-img-arrow.feature-img-left > img:first-child,
.feature-auto.feature-img-arrow.feature-img-left > img:first-child {
  clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
@media only screen and (max-width: 991px) {
  .feature-md > img:first-child, .feature-md.feature-img-left > img:first-child,
.feature-lg > img:first-child,
.feature-lg.feature-img-left > img:first-child,
.feature-sm > img:first-child,
.feature-sm.feature-img-left > img:first-child,
.feature-auto > img:first-child,
.feature-auto.feature-img-left > img:first-child {
    position: static;
    width: 100%;
    clip-path: none !important;
  }
  .feature-md .feature-content, .feature-md.feature-img-left .feature-content,
.feature-lg .feature-content,
.feature-lg.feature-img-left .feature-content,
.feature-sm .feature-content,
.feature-sm.feature-img-left .feature-content,
.feature-auto .feature-content,
.feature-auto.feature-img-left .feature-content {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .feature-md .feature-content-wrapper,
.feature-lg .feature-content-wrapper,
.feature-sm .feature-content-wrapper,
.feature-auto .feature-content-wrapper {
    justify-content: flex-start;
  }
}

.feature-md {
  height: 400px;
}
@media only screen and (max-width: 991px) {
  .feature-md {
    height: auto;
  }
  .feature-md > img:first-child {
    height: 300px;
  }
}

.feature-lg {
  height: 600px;
}
@media only screen and (max-width: 991px) {
  .feature-lg {
    height: auto;
  }
  .feature-lg > img:first-child {
    height: 350px;
  }
}

.feature-sm {
  height: 350px;
}
@media only screen and (max-width: 991px) {
  .feature-sm {
    height: auto;
  }
  .feature-sm > img:first-child {
    height: 250px;
  }
}

.feature-auto {
  height: auto;
}
.feature-auto .feature-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .feature-auto {
    height: auto;
  }
  .feature-auto > img:first-child {
    height: 300px;
  }
}

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