/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 14 March 2017 02:50:53
*/


/*
--------------------
Debugging
--------------------
*/

#page-wrapper {
/* border-top: 5px solid #ff7e00; */
}





/*
--------------------
Hide for widths
--------------------
*/

.hide-for-mobile {
  display:block !important;
}

.hide-for-mobile-inline {
  display:inline-block !important;
}

.hide-for-tablet-only {
  display:none;
}
.show-for-tablet-only {
  display:block;
}

/*
--------------------
Header
--------------------
*/
.logo-wrapper {
  position: relative;
  min-height: 110px; }

.global-search input[type="text"] {
  width: 90%;
  padding: 1em 5%; }

.site-logo {
  position: absolute;
  left: 50%;
  z-index: 15;
  top: 7px;
  max-width: none; 
  margin-left: -99px;
}

.inner-header {
  height: auto;
}

#site-search #search-button {
  padding: 0.5em 0;
  width: 100%; }

#site-search .close-search {
  padding: 0.5em 0;
  width: 100%; }

.nav-icon:before,
.search-icon:before {
  top: 3em;
}

/*
--------------------
Banner
--------------------
*/
#banner {
  min-height: 185px; }

.inside-banner-text {
  /*top: 55px;*/
  top: 0;
  left: 36px; }

.homepage .banner-title,
.campaign-page .banner-title,
.homepage .banner-title-split,
.campaign-page .banner-title-split {
  font-size: 3.5em;
  margin-top: -16px;
  font-weight:bold;
  text-shadow:0 0 5px rgba(0, 0, 0, 0.5) ;

}

.banner-title,
.banner-title-split {
  font-size: 3em;
  padding: 0.2em 0.3em; 
  margin-top: 2em;
  /*bottom: -3.7em;*/
  bottom: 0;
  max-width:80%; 
}

.inside-banner {
  width: 100%;
  height: auto;
  min-height: inherit; }

.banner-tagline2, .banner-tagline-split {
    font-size: 1.1em;
    max-width: 60%;
	text-shadow:1px 1px #000000;
}


.banner-tagline,
.banner-tagline-split {
  max-width: 60%;
  font-size: 1.5em;
}

.banner-button {
  font-size: 16px;
  padding: 0.8em 1.3em;
  position: inherit;
}

.homepage #banner, .homepage .inside-banner,
.campaign-page #banner, .campaign-page .inside-banner {
  min-height: 394px; }

.homepage #banner .slides li,
.campaign-page #banner .slides li {
  background-position: center center;
  height: 488px;
}

#banner ul {
  font-size: 1em;
}

#banner .slides li {
  min-height: 230px;
}

.homepage .inside-banner-text,
.campaign-page .inside-banner-text {
  width: 96%;
  top: 40px; }

.homepage .banner-title,
.campaign-page .banner-title {
  font-size: 3.5em;
  margin-top: -16px;
  padding: 0.2em 0.3em; 
}

.homepage .homepage-content-inner.wide-mobile {
  margin-left: 3%;
  margin-right: 3%;
}

.homepage .homepage-content-inner.wide-mobile h2 {
  margin-left: 0;
  margin-right: 0;
}

.homepage .event-wrapper {
  font-size:1em;
}

.homepage-events-aside p {
 font-size: 1.4em; 
}

/*
--------------------
Course search
--------------------
*/
.course-tiles-wrapper .accordian-title {
  background: none;
  cursor: inherit;
  padding: 0 0 1em;
  font-size: 1.7em; }

.course-tiles-wrapper .accordian-title:after {
  content: "";
  display: none; }

.course-tile {
  float: left;
  width: 45.6%;
  margin: 0 0.2% 0.4%;
  padding: 17px 2%;
  background: #FFF;
  min-height: 59px;
  font-size: 1.5em; }


.homepage .course-search-input-wrapper {
  position:relative;
}

.homepage .course-search-submit-arrow:after {
  right: 50px;
  top: 1.9em;
}

.homepage .advanced-open .course-search-submit-arrow:after {
  right: 50px;
  top: 2.1em;
}

.course-tiles-mini .course-tile {
  padding: 18px 2%;
  min-height: 50px;
  font-size: 1.25em; }

.course-tiles-container.sh-target {
  display: block; }

.course-tiles-mini.sh-target {
  display: block; }

.course-search-advanced fieldset {
  padding: 0;
  margin: 1em 3%; }


.course-tile:hover {
  /* border-bottom: 0.4em solid; */
  border-bottom: 8px solid;
  padding-bottom: 12px;
}

.tile-business:hover {
  border-color: #7D55C7; 
  background-color: #E5DDF4;
}

.tile-creative:hover {
  border-color: #C44396; 
  background-color: #F3D9EA;
}

.tile-humanities:hover {
  border-color: #F37F36; 
  background-color: #FDE5D7;
}

.tile-engineering:hover {
  border-color: #0670B2; 
  background-color: #CDE2F0;
}

.tile-health:hover {
  border-color: #1596A0; 
  background-color: #D0EAEC;
}

.tile-it:hover {
  border-color: #1FBDE6; 
  background-color: #DCF4FA;
}

.tile-psychology:hover {
  border-color: #AC0F41; 
  background-color: #EECFD9;
}

.tile-english:hover {
  border-color: #772F8E; 
  background-color: #E4D3E6;
}

.tile-transport:hover {
  border-color: #EB302D; 
  background-color: #FAD3D0;
}
.tile-service:hover {
  border-color: #EF3340; 
  background-color: #F8D9D9;
}

.tile-trades:hover {
  border-color: #108541; 
  background-color: #CFE7D9;
}
.tile-science:hover {
  border-color: #64A70B; 
  background-color: #E0EDCE;
}

.course-tiles-mini .course-tile:hover {
  padding-bottom: 14px;
  background-color: #f6f9d9;
  border-bottom: 7px solid;
  border-color: #c1d600;
}

/*
--------------------
Homepage events
--------------------
*/
.event-wrapper {
  width: 49%;
  float: left;
  margin: 0 2% 2% 0; }

.events-feed-wrapper a:nth-child(odd) .event-wrapper {
  margin: 0 0 2% 0; 
}


.event-image {
  min-width: 100px;
  width: 12%; }

.event-details {
  width: 36%;
  margin-top: 0; }

.event-title {
  line-height: 1em;
  padding-top: 0.5em; }

.events-view-all a, .view-all-videos a {
  font-size:1.4em;
}

/*
--------------------
Homepage asides
--------------------
*/
.study-info-wrapper {
  width: 50%;
  margin-left: 0%;
  float: left; }

.homepage .study-info-wrapper h2 {
  margin: 1em 0 0.5em; }

.destination-box {
  position: relative; }

.destination-box-link {
  margin: 0; }

.destination-box.last-feature {
  width: 47%;
  margin: 61px 0 0 3%;
  float: left; }

.destination-box .button {
  width: 140px; 
}

/*
--------------------
Video
--------------------
*/
.video-section-wrapper {
  margin: 1em 3% 0;
  overflow: hidden;
  clear: both; }

.video-section-wrapper h2 {
  margin-left: 0; }

.video-title {
  padding: 0.4em;
  width: auto; 
  display: block;
}

/*
--------------------
News
--------------------
*/
.news-title {
  font-size: 1.6em; }

.map-image {
  width: 50%;
  float: left; }

.find-on-map {
  width: 50%; }

.news-description {
  overflow: hidden;
  float: none; }

.news-wrapper h2 {
  margin: 1em 0; }

.news-wrapper .news-item {
  margin-bottom: 1.5em; }

/*
--------------------
Footer
--------------------
*/
.footer .inside-content-wrapper {
  overflow: hidden; }

.footer-text {
  float: left;
  width: 67%; }

.run-logo {
  float: left;
  margin-right: 2%;
  width: 25%; }

.footer-acknowledgement {
  margin-top: 0; }

.fat-footer .footer-connect {
  display: block;
  font-size: 1.2em; }

.footer-social a {
  margin-right: 0.8em; }

/*
--------------------
Inside page
--------------------
*/
main {
  font-size: 1em; }

.landing-page .main  {
  margin-top: 2em;
}

#breadcrumbs {
  font-size: 1em; 
  max-width: 82%;
}

.landing-page .page-top-extras {
  min-height: 2em;
}

.social-icons {
  position: absolute;
  top: -0.5em;
  right: 0;
  margin: 0;  
}

.inside-page h2 {
  margin: 1em 0 0.4em; }

.inside-page-contents {
  width: 73%;
  float: left; }

.inside-page-contents-wide {
  width: 100%;
}

.inside-page main img {
  margin: 0; }

.asides {
  width: 25%;
  float: right; }

.asides h2 {
  font-size: 1.4em; }

.asides .destination-box-link {
    font-size: 1em;
}

.asides .study-info-wrapper {
  width: 100%;
}

.left-width-50-percent {
  width: 50%;
  display: block;
  float: left;
  padding: 1em 3% 1em 0; }

.right-width-50-percent {
  width: 50%;
  display: block;
  float: right;
  padding: 1em 0 1em 3%; }

.left-width-25-percent {
  width: 25%;
  display: block;
  float: left;
  padding: 1em 3% 1em 0; }

.right-width-25-percent {
  width: 25%;
  display: block;
  float: right;
  padding: 1em 0 1em 3%; }

.left-width-15-percent {
  width: 15%;
  display: block;
  float: left;
  padding: 1em 3% 1em 0; }

.right-width-15-percent {
  width: 15%;
  display: block;
  float: right;
  padding: 1em 0 1em 3%; }

.video-section-wrapper {
  margin: 10px 0; }

.inside-page .video-section-wrapper {
  margin: 10px 0; }

ul ul, ol ol, ul ol, ol ul {
  padding-left: 2em; }

.button {
  width: 40%;
  margin: 0 0 1em;
  float: left;
  clear: both; 
}
.homepage .button {
  max-width: 140px;
}

.inside-page .accordian {
  clear: both; }

.accordian-title:after {
  content: "";
  position: absolute;
  right: 3%;
  top: 1.2em;
  width: 7px;
  height: 13px;
  background: url('../../__data/assets/image/0009/111060/sprite98c4.png?v=0.1.7') -15px -148px; }

.in-this-section .accordian-title:after {
  background: url('../../__data/assets/image/0009/111060/sprite98c4.png?v=0.1.7') -113px -147px; }

.accordian-title.open:after {
  top: 1.4em;
  width: 13px;
  height: 9px;
  background: url('../../__data/assets/image/0009/111060/sprite98c4.png?v=0.1.7') 0px -156px; }

.testimonial {
  margin-bottom: 1em;
  float: left; }

.testimonial-text {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 2.5em; }

.testimonial-text-wrapper {
  float: right;
  width: 75%;
  /* max-width: 75%; */
}

.inside-page .testimonial-text-wrapper {
  float:left;
  /* max-width:100%; */
  width:100%;
}

.inside-page .testimonial-prequote {
  margin: 0 6%;
}

.begin-quote {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5em; }

.end-quote {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.5em; }

.testimonial-quote, .testimonial-author {
  width: 85%;
  margin: 0 auto;
  display: block;
  float: left;
  margin: 0 6%; }

.content-call-to-action .button {
  width: 60%; }

.tabs_index {
  display: block;
}

.inside-page .tabs_index h2 {
  margin: 0; }

.inside-page .course-tiles-background {
    background: none repeat scroll 0 0 #f0f0f0;
    clear: both;
    padding: 1em 3%;
    margin: 0px;
}

.content-call-to-action-text h2 {
  margin-top: 0; }

.tabs-content {
  background-color: #f6f9d9;
  clear: both;
  padding: 1em; 
}

.tabs-content h3 {
  display: none;
}

.inside-page .divider {
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 2em 0; }

/*
--------------------
Forms
--------------------
*/
.inside-content legend {
  margin: 1em 0; }

.sq-form-question {
  width: 100%;
  clear: both; }

.sq-form-question label {
  width: 20%;
  float: left;
  margin: 0 0 2em; }

.sq-form-question-answer {
  width: 80%;
  float: left; }

.inside-page form .sq-form-submit {
  margin: 1em 0 0 20%; }

.flex-control-nav {
  bottom: 30px;
  /*right: -85%;*/ }

/*
--------------------
Landing page
--------------------
*/
.landing-page-main-content {
  width: 73%;
  float: left;
  margin-bottom: 3em; }

.aside-promo {
  margin-top: 0; }

.aside-promo-text {
  bottom: 3px; }

.aside-promo-heading {
  margin-bottom: 0; }

.highlight-image {
  width: 30%;
  float: left;
  margin-right: 3%; }

.highlight-heading {
  margin-top: 0;
  line-height: 1em; }

.highlight-link-block a {
  margin: 0.1em 0; }

.highlight-link-block a:after {
  top: 4px;
  right: -16px;
  background: url('../../__data/assets/image/0009/111060/sprite98c4.png?v=0.1.7') -12px -166px;
}

.pathway-box {
  float: left;
  width: 49%;
  margin-right: 2%; }

.pathway-box.second {
  margin-right: 0; }

.pathway-wrapper {
  position: relative; }

.pathway-box {
  position: relative;
  margin-top: 0; }

.pathway-title {
  font-size: 1.7em;
  display: block;
  position: absolute;
  width: 100%;
  line-height: 1.1em;
  padding: 0.4em 0.5em; }

.landing-page .divider {
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 2em 0; }

.landing-page .video-section-wrapper {
  margin-bottom: 2em; }


  .landing-page .course-tile {
    width: 45.6%;
    font-size:1.1em;
    min-height: 43px;
  }

  .landing-page .course-tiles-mini .course-tile {
    width: 45.6%;
    font-size: 0.9em;
    min-height: 36px;
    padding: 16px 2%;
  }

  .landing-page .course-tiles-mini .course-tile:hover {
    padding-bottom: 12px;
  }

  .landing-page .course-tiles-background {
    width: 96%;
    margin: 0;
    padding: 1em 2%;
   
  }

/*
--------------------
Campaign page
--------------------
*/
.campaign-page .content-call-to-action {
  padding: 1em 3%; }

.campaign-page .content-call-to-action-text {
  width: 46%;
  margin-right: 2%;
  float: left;
  border-right: 1px solid #aeaeae; 
}

.campaign-page .content-call-to-action .divider {
  display: none; }

.campaign-page .content-call-to-action .button {
  width: 40%;
  float: right;
  clear: none;
  margin: 1em 0; }

.campaign-page .content-call-to-action h2 {
  margin: 0.5em 0;
  font-size: 1.7em;
  line-height: 1em; }

.campaign-page .content-call-to-action p {
  margin: 0;
  line-height: 1.8em; }

/*
--------------------
Program page
--------------------
*/
.program-page .event-wrapper {
  font-size: 1em; }

.program-title {
  padding: 0.5em 3%;
  font-size: 2.4em; }

.program-tab .tab h2 {
  font-size: 1.25em; }

.location-switcher {
  float: left;
  clear: both; }

.location-switcher .button, .location-switcher .button:hover {
  font-size: 1.25em;
  width: 60%;
  padding: 0.7em 3%; }

.program-tabs {
  clear: both; }

.tab-content h3 {
  margin-top: 1em; }

.program-info th {
  width: 25%; }

.tab-content .testimonial {
  margin: 2em 0;
  float: left; }

.lt-ie9 .tab-content .testimonial {
  width: 100%;
}

.tab-content .testimonial-image {
  float: left;
  margin: 0;
  max-height: none;
  /* max-width: 25%; */
  width: 25%;
}

.tab-content .testimonial-prequote {
  display: block;
  float: none;
  margin: 0 6%;
  width: 65%; 
  font-size: 1.25em; }

.tab-content .testimonial-text {
  margin-top: 0.5em; }

.tab-content .testimonial-author {
  width: 60%;
  margin: 0 6%; }

.tab-content ul li {
  margin-bottom: 1em; }

.tab-content th {
  padding-left: 0.8em; }

.program-page .content-call-to-action .divider {
  display: none; }

.program-page .content-call-to-action-text {
  width: 46%;
  margin-right: 2%;
  float: left;
  border-right: 1px solid #aeaeae; 
}

.program-page .content-call-to-action .button {
  width: 40%;
  float: left;
  clear: none;
  margin-top: 1em; }

.program-page .event-wrapper {
  /* margin-top: 1em; - Squiz TNT */ }

.program-page .asides {
  /*width: auto; - Squiz PhS*/
  float: left; 
  width: 100%;
}

.button.mobile-share {
  display: none; }

.related-course:after {
  width: 7px;
  height: 12px;
  content: '';
  display: inline-block;
  position: relative;
  top: 1px;
  left: 5px;
  background: url('../../__data/assets/image/0009/111060/sprite98c4.png?v=0.1.7') -15px -149px;
}

/*
--------------------
Calendar page
--------------------
*/
.calendar-switcher {
  padding: 0.7em 0; }

.calendar-switcher .previous-month a:before, .calendar-switcher .next-month a:after {
  top: 1.1em; }

.current-month {
  font-size: 1.7em; }

#calendarTable #month th {
  width: 14.25% !important;
  max-width: 14.25% !important;
  padding-top: 1em; }

.eventDate .dateLink:after {
  left: -40%;
  font-size: 0.7em;
  bottom: 1em; }

#calendarTable #month td {
  height: 5em !important
}

#calendarTable #month .dateLink {
  width: 95%;
  height: 100%;
  position: absolute;
  right: -36%;
  top: 0;
  text-align: right; }

.today-calendar-list {
  padding: 1em 3%;
  border-bottom: 6px solid #c1d600;
  margin-bottom: 1em; }

.today-calendar-event-title {
  font-size: 1.7em; }

.today-calendar-event-time {
  font-size: 1.7em;
  font-style: normal; }

.today-calendar-event-description {
  font-size: 1em; }

.calendar-page .asides {
  width: 100%; }

.calendar-page .asides .event-wrapper {
  width: 100%;
  margin-bottom: 5px; }

.calendar-page .asides .events-feed-wrapper {
  margin: 1em 0; }

.calendar-page legend {
  font-size: 1.7em; }

.calendar-page .calendar-categories-filter {
  display: block;
}

/*---FB Search styles - Squiz TNT--- */
#fb-search-results-container {
}

#search-contextual-navigation {
  overflow: hidden;
}

#search-contextual-navigation .col {
  width: 45%;
  float: left;
  padding-right: 4%;
}

#search-facets {
}


/*---FB Search styles for Staff list - DA --- */
.fb-search-results .staffName, .fb-search-results .staffPosition, .fb-search-results .staffEmail, .fb-search-results .staffPhone {
   width:20%;
}