/* Creds CSS Cleaned Up and Order Adjusted */

@charset "UTF-8";
/* CSS Document */

/*  Logo resize */
.header-branding h1 a {
  height: auto;
   max-width: 206px;
}

/* GREEN register your interest button */

.greenbtn-info {
  color: white;
  background-color:#13a913;
  border-color: #0b870b;
}
.greenbtn-info:hover, .greenbtn-info:focus, .greenbtn-info:active, .greenbtn-info.active {
  color: white;
  background-color: #0b870b;
  border-color: #0b870b;
}


/* NEW FEATURE REGION - based on asu dimensions*/
#home-page .feature-region {
  height: 450px;
  background-image: url(http://resources.curtin.edu.au/assets/litec/CurtinCanvas/CanvasCatalog/catalogBanner6.jpg);
  background-size: 100%;
  background-size: cover;
  background-position: left;
}

@media only screen and (min-width: 1600px) {
  #home-page .feature-region {
    height: 600px;
  }
}
@media only screen and (max-width: 1699px) {
  #home-page .feature-region {
    height: 507px;
  }
}

@media only screen and (max-width: 1200px) {
  #home-page .feature-region {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  #home-page .feature-region {
    height: 300px;
  }
}

  @media only screen and (max-width: 320px) {
    #home-page .feature-region {
      height: 150px;
    }
}


#app-footer  {
  background-color: #000000;
color:white;


}

#app-footer a  {
color:white;
}


/*DEGREE DETAILS PAGE CSS*/

.content-box {
font-size: 16px;
}

.details {
font-size: 22px;
text-align: center;
}

.row {
font-size: 16px;
}

.section-one {
padding-top: 20px;
padding-bottom: 20px;
}

.section-three {
width: 100%;
padding: 20px;
padding-top: 10px;
background-color: #f0f0f0;
color: black;
}


@media only screen and (max-width: 991px) {
.section-one {
width: 100%;
}

.section-three {
width: 100%;
float: left;
}

.col-sm-4 {
width: 50%;
}
}


@media only screen and (max-width: 600px) {
.section-one {
width: 100%;
float: left;
}
}


/*FOUR ICONS*/
.four-icons {
width: 25%;
float: left;
padding-top: 0;
}

@media only screen and (max-width: 650px) {
.four-icons {
width: 50%;
float: left;
padding-top: 25px;
}

.four-icons p {
font-size: 14px;
}
}
/* TURN LOGO OFF IN LISTING INFO */
.product-account-logo {
	display: none;
}


/*Map*/
.mapBox {
width: 45%;
float: left;
padding-top: 0;
margin-left:15px;
margin-right:15px;
text-align: left;
}

@media only screen and (max-width: 450px) {
.mapBox {
width: 100%;
float: left;
padding-top: 25px;
margin-left:15px;
margin-right:15px;
text-align: left;
	}
}


/*TABLES*/
.rteleft {
padding: 10px;
}


/*Change order of divs when you shrink the screen*/
.CxWrapper {
  display: flex; 
  flex-flow: row wrap;
  font-weight: normal;
  text-align: left;
  color: #333333;
  overflow: hidden;
}

.CxWrapper > * {
  padding: 10px;
  flex: 1 100%;
}

/* HEADING CONTENT */

.CxEOI {
  background: white;
}

/* MAIN HEADER AREA */

.CxHeader {
   background: white;
}

.CxCourseText {
   padding: 10px;
   margin: 10px;
}

/* MAIN ASIDE FLEX ACCORDION & START DATES */
.main-container {
   display: flex;
}

.CxAside-1 {
  flex: 3;
  padding: 5px;
  margin: 5px;
}

.CxAside-2 {
  flex: 1;
  background: white;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  padding: 5px;
  color: #333333;
  margin: 15px;
  border-radius: 0px;
  height: 560px;
}


/* AT A GLANCE TEXT & IMAGES */
.aag-icon {
align: center;
}

p.aag-text {
    justify-content: flex-end;
    color: #333333;
}

/* FOOTER CONTENT */
.footer-container {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
}

.footer-item {
      background: #ffffff;
      float: left;
      padding: 15px;
      width: max-width;
      height: 90px;
      margin: 10px;
      line-height: 1.6;  /* Change to 1.6 once content inside flex item is confirmed */
      box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
      color: black;
      font-weight: normal;
      font-size: 12px;
      text-align: left;
      border-left: 0.5rem solid #f3bb37;
      border-radius: 0px;
  }

.footer-description {
   margin: 10px;
}

.Cxfooter {
  background: white;
  margin: 0px;
}

/* MAIN CONTENT AREA */

.Cxmain {
  text-align: left;
  background: white;
  color: #333333;
  padding: 5px;
  margin: 5px;
}

.main-container {
  padding: 0px 0px 5px 0px
}

/* ASIDE 1 CONTENT AREA */

.Cxaside-1 {
  background: white;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  padding: 5px;
  color: #333333;
  margin: 10px;
  border-radius: 0px;
  height: 530px;
}

/* ASIDE 2 CONTENT AREA */

.Cxaside-2 {
  background: white;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  padding: 5px;
  color: #333333;
  margin: 15px 25px 15px 15px;
  border-radius: 0px;
  height: 560px;
}

/**** ACCORDIONS ****/

.accordionSDN {
  background-color: #f6f6f6;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight: 500;
  transition: 0.4s;
  border-radius: 0px;
  border-left: 0.5rem solid #ffb700;
  margin: 5px;
}

.active, .accordionSDN:hover {
  background-color: #ffb700;
}

.accordionSDN:after {
  content: '\002B';
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.accordion-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* MEDIA QUERIES */

@media all and (min-width: 320px) {
  .flex-item {
      font-size: 12px;
      width: 250px;
      height: 240px;
}

.aside-container {
  display: block;
}

p.aag-icon {
  text-align: center;
}
  
.Cxmain { padding: 0 0 0 0px; margin: 0 0 0 0px;}

  .flex-item { flex-grow: 1;}
  .main-container { order: 1; flex: 1 0px; margin: 15px; }
  .Cxaside { flex: 1 0 0;}
  .Cxoutcomes { order: 2;}
  .Cxaside-3 { order: 3; text-align: center;} /* Created and used for two column layout, delete if not in use*/
  .main-accordion {order: 4;}
  .Cxfooter { order: 5; }
}

@media all and (min-width: 480px) {
  .flex-item {
      font-size: 12px;
      width: 250px;
      height: 220px;
}

.aside-container {
  display: block;
}

p.aag-icon {
  text-align: center;
}

  .flex-item { flex-grow: 1;}
  .Cxmain { flex: 1 0px; margin: 10px; }
  .Cxaside { flex: 1 0 0;}
  .Cxmain    { order: ; }
  .Cxoutcomes { order: 2; }
  .main-container { order: 1;}
  .main-accordion { order: 4;}
  .Cxaside-3 { order: 3; text-align: center;} /* Created and used for two column layout, delete if not in use*/
  .Cxfooter { order: 5; }
}

@media all and (min-width: 700px) {
  .flex-item {
      font-size: 12px;
      width: 350px;
      height:190px;
}

.aside-container {
  display: block;
}

p.aag-icon {
  text-align: center;
}

  .Cxmain { flex: 1 0px; }
  .Cxaside { flex: 1;}
  .Cxmain    { order: ; color: #333333; }
   .Cxoutcomes { order: 2; }
  .main-container { order: 1;}
  .main-accordion { order: 4;}
  .Cxaside-3 { order: 3; text-align: center;} /* Created and used for two column layout, delete if not in use*/
  .Cxfooter { order: 5; }
}

@media all and (min-width: 1050px) {
  .flex-item {
      font-size: 12px;
      width: 350px;
      height:200px;
}

.aside-container {
  display: block;
}

p.aag-icon {
  text-align: left;
}

  .Cxmain    { flex: 3 0px; }
  .Cxmain    { order: 2; }
  .Cxaside-3 { flex: 1 0 0; order: 2; text-align: center;} /*Created and used for two column layout, delete if not in use*/
  .Cxfooter  { order: 4; }
}