/*make the first letter 3x larger*/
.subhead::first-letter {
    font-size: 300%;
                                                                  }
                                                                  
 /*vertical alignment*/
 .v-align {
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  /*justify-content: center;*/
      }
      
      .align-items-center {
          align-items: center;
      }

      h3 {
          line-height:1.3em;
      }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
          h3 {
              line-height:1.2em;
          }
      }
      
      @media only screen and (min-width: 576px) and (max-width: 767px){
    h3 {
          line-height: 1.15em;
              }
          
      }
          @media only screen and (max-width: 575px){
    h3 {
          line-height: 1.1em;
              }
          
      }
      /*responsive alignment*/
      @media screen and (min-width: 576px) {
      .text-sm-center {
          text-align: center!important;
          }
          .text-sm-left {
          text-align: left!important;
          }
          
      }
      @media screen and (min-width: 768px) {
      .text-md-center {
          text-align: center!important;
          }
          .text-md-left {
          text-align: left!important;
          }
          
      }

 /* BACKGROUND */
.square-deco-bg {
      position: relative;
  }

.square-deco-bg::before,
.square-deco-bg::after {
      display: block;
      content: "";
      background-image: url("../../../isfs/campaign/Square-deco.svg");
      width: 100px;
      height: 100px;
      z-index: -1;
      position: absolute;
      background-size: cover;
  }

.square-deco-bg::before {
      left: -25px;
      top: -35px;
  }

.square-deco-bg::after {
      right: -25px;
      bottom: -35px;
  }
.br-5 {
    border-radius: 5px !important;
} 
.br-10 {
    border-radius: 10px !important;
}

.br-50 {
    border-radius: 50px !important;
}

.br-20 {
    border-radius:20px !important;
    overflow:hidden;
}

.br-20-t {
    border-radius: 20px 20px 0px 0px;
}

.bg-lightgrey {
    background: #f2f2f2 !important;
}

.py-narrow {
    padding-top:6px;
    padding-bottom:6px;
}

.font-light {
    font-weight:300;
}

.font-medium {
    font-weight: 500;
}
/*larger than h1, used to display stats*/
.key-stats {
    font-size: 3em;
}

/*position*/
@media screen and (min-width: 992px){
      .c-relative {
          position: relative;
      }
      .c-absolute {
          position: absolute;
      }
      .z-index-1 {
          right: 0;
          z-index: 1;
      }
}

@media screen and (max-width:576px){
    .key-stats {
        font-size:2.1em;
    }
    
}
.text-linkwhite {
  color: #fff !important;
  }
  .text-linkwhite a {
  color: #fff !important;
  text-decoration: underline !important;

  }
  
  .text-linkwhite a:hover {
  text-decoration: unset !important;
}

/* Global Table TH */
table th {
  white-space: nowrap;
  word-wrap: break-word;
}

/*Table cell padding*/
.tbl-py-1 td {
	padding-top:10px;
	padding-bottom:10px;
}
.tbl-py-2 td{
	padding-top: 20px;
	padding-bottom: 20px;
}

/* National Access Scheme page - How to apply */
.national-access-scheme-howto table th {
  white-space: normal;
}

/*compare residence table styling*/
.tbl-compare th {
  background-color: #000 !important;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 16px;
}

.tbl-compare tr:nth-child(even) {
  background-color: #f2f2f2;
}

.tbl-compare td {
  padding:16px 10px;
}

.tbl-sidebyside td {
  background-color: #f2f2f2;
  border: #000 1px solid;
}

.tbl-sidebyside th{
  background-color: #f2f2f2 !important;
  border: #000 1px solid;
}

/*tint zebra strip table*/
.tbl-striped-tint tr:nth-child(even) {
  background-color:#f5edde;
}

/*light grey zebra strip table*/
.tbl-striped-grey tr:nth-child(even) {
  background-color: #f2f2f2;
}
.tbl-striped-grey tr:nth-child(odd) {
  background-color: #fff;
}

/*display: inline-block*/
.d-inline-block {
  display:inline-block;
}

/*object fit classes*/

.object-fit-contain {
  object-fit:contain;
}
.object-fit-cover {
  object-fit:cover;
}
.object-fit-fill {
  object-fit:fill;	
}
.object-fit-scale {
  object-fit:scale-down;
}
.object-fit-none {
  object-fit:none;
}


/*overflow hidden*/
.overflow-hidden {
  overflow:hidden;
}
.banner {
  height: 600px;
  display: flex;
  align-items: center;
  background-size: cover;
}
   .banner-400 {
    	height: 400px;
    }

.anu-btn-premium {
  color: #000 !important;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  padding: 1em 1.6em;
  font-size: 1em;
  word-wrap: break-word;
  border: 0 !important;
  background-image: linear-gradient(to right, #be830e, #f5edde, #be830e);
  background-size: 300% 100%;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.anu-btn-premium:hover {
  color: #000 !important;
  text-decoration: none !important;
  background-position: 100% 0;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.anu-btn-white-bg {
  text-decoration: none !important;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #000 !important;
  background-color: #fff;
  padding: 15px 20px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  border: 1px #000 solid;
  cursor: pointer;
}

.anu-btn-thin-black {
  text-decoration: none !important;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff !important;
  background-color: #000;
  padding: 10px 20px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
}
.anu-btn-thin-black:hover {
  text-decoration: none !important;
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #000;
}

.band-tint-wrap-nopad {
  background-color: #f5edde;
  color: #000;
}

@media screen and (max-width: 576px){
.order-sm-2 {
  order: 2 !important;
}
.order-sm-1 {
  order: 1 !important;
}
}

/*override banner header to sentence case*/
#acbb-campaign-block-banner .container .row h1 {
  text-transform: unset;
}