﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bitter);
@import url(https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

body {
    font-family: Open Sans;
  /*  font-weight:400;*/
    font-size: 16px; 
    line-height: 24px; 
    color: #040404;
}


.primaryDarkColor  {
    color: #040404;
}

.primaryOrangecolor  {
    color: #F68428;
}

.primaryGreyColor  {
    color: #E5E5E5;
}

h1 {
  font-family: "Bitter";
  font-style:normal;
  font-size: 30px; 
  color: #040404; 
}

h2 {
   font-family: Open Sans;
   font-weight:400;
   font-size: 20px; 
   color: #F68428;
}


h3 {
    font-family: Open Sans;
    font-weight:700;
    font-weight:bold;
    font-size: 16px ;
    color: #040404 ;
    text-transform: uppercase;
}

.loginUser
{
    float:right; 
    font-family: Open Sans;
    font-weight:normal;
    font-size: 14px ;
    color: #040404 ;
}

p {
    font-family: Open Sans;
  /*  font-weight:400;*/
    font-size: 16px; 
    line-height: 24px; 
    color: #040404;
}

a.link {
    font-family: Open Sans;
    font-weight:bold;
    font-size: 16px; 
    line-height: 24px; 
    color: #F68428 ;
}

a.hover {
    font-family: Open Sans;
    font-weight:bold;
    font-size: 16px; 
    line-height: 24px; 
    color: #F68428; 
    text-decoration: underline;
}



.headerTitle {
  font-family: "Bitter";
  font-style:normal;
  font-size: 50px; 
  color: #040404; 
  line-height:47px;
  padding: 0px 5px 5px 5px;
  margin:15px auto;
  margin-top: -20px;
}


.contentTitle {
  font-family: "Bitter";
  color: #040404; 
  font-size: 30px;
  font-style:normal;
  line-height:90px;
}

.searchTitle {
  font-family: "Bitter";
  color: #040404; 
  font-size: 20px;
  font-style:normal;
  font-weight:200;
  line-height:90px;
}



.contentTitleMobile {
  font-family: "Bitter";
  color: #040404; 
  font-size: 30px;
  font-style:normal;
  line-height:90px;
  text-align:center;
}

.bottom-footer-links a
{
  text-transform: uppercase; 
  color: #040404; 
  font-style:normal;
  font-size: 15px;
  padding:15px;
}

.registerUpdateMobile a
{
 margin-bottom:20px;
}


.registerUpdate{
    padding-left:30px;
}

.updatedate {
  font-family: "Open Sans";
  color: #040404; 
  font-size: 16px;
  font-style:italic;
  text-align: right;
}

.contentbody{
  font-family: "Open Sans";
  color: #040404; 
  font-size: 16px;
  font-style:normal;
  font-weight:400;
  text-align: left;
  }

.searchbody a{
  font-family: "Open Sans";
  color: #040404; 
  font-size: 14px;
  font-style:normal;
  font-weight:400;
  text-align: left;
  }



.promotion {
    background: transparent url('../images/Promotion-Icon.png') no-repeat scroll 0 60%;
    padding: 10px 10px 10px 40px;
    display: block;
}

.news {
    background: transparent url('../images/News-Icon.png') no-repeat scroll 0 60%;
    padding: 10px 10px 10px 40px;
    display: block;
}


.document {
    background: transparent url('../images/Pathway-Icon.png') no-repeat scroll 0 60%;
    padding: 10px 10px 10px 40px;
    display: block;
}

.photo {
    background: transparent url('../images/Photo-Icon.png') no-repeat scroll 0 60%;
    padding: 10px 10px 10px 40px;
    display: block;
}

.announcementswrap
{
 padding:30px 0px;
}

.btn
{
 margin-left:50px;
}

.announcementswrap table
{
    width:100%;
}


.announcementswrap th, td {
    border-bottom: 1px solid #c7c8ca;
    border-top: 1px solid #c7c8ca;
    padding:5px 0px;
}

.fileTable {
    width:100% !important;
}

.fileTable.table th { 
     border-top: none !important; 
 }
.fileTableLink, fileTableLink a.visited {
    color: #040404;
    font-weight:400;
}
.filesize {
     font-style: italic;
}
.fileTable .date {
    font-style: italic;
    float:right;
}

.btn {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-radius: 15px;
  border-color: #404040;
  color: #404040;
  padding: 4px 30px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px 0px;
  white-space: normal;
}

a.btn:hover, a.btn:focus, a.btn:active {
  color: #ffffff;
}

 
.btn {
	background-color: #f58426;
    border-color: #f58426;
    color: #ffffff;	
}

.btn:hover{
	background-color: #fc9d2b !important;
}

.pull-right {
  float: right;
}

a.linkLegacyAccount {
    font-family: "Open Sans";
    color: #000;
    font-size: 12px;
    font-weight:normal;
    text-transform: uppercase;
    padding: 10px;
}
 
   a.linkLegacyAccount:hover
 {
    color: #F68428;
 }


.navbar-default .navbar-toggle {
  border: 0px none;
  margin: 0;
}


.row.row-grid.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left:  0px;
}

header .container {
  margin: 0 auto;
  text-align: center;
}

header#navbar .container {
  text-align: left;
}

.row {
    margin-right:0px;
    margin-left:0px;
}


.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar.container {
  margin-top: 0;
  border: 0 none;
}

.homeimgrow1 img
{
    padding-bottom:5px;
}


 
  /* top nav */
  .navbar-header {
    height: 100px;
  }


  .navbar-nav-wrapper {
    margin-top: 20px;
  }

  .navbar .logo {
    padding-top: 7px;
    background-color: transparent;
    padding-bottom: 0;
    float: left;
  }


 
 

  .small-header .navbar-header-extra {
    display: inline-block;
  }

 
  .navbar-header-extra {
    display: inline-block;
  }

div {
    display: block;
}


.menubar-wrapper  {
    border: 0px none;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-top: 0px;
    line-height:130px;
    background-color: #e5e5e5;
}

.menubar {
    border: 0px none;
    margin-bottom: 0px;
    padding-left: 7px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height:130px;
    background-color: #e5e5e5;
    display:block;
}



.searchbar {
    background-color: #ffffff;
    border-radius: 12px;
    padding-top: 5px;
    line-height: 48px;
    margin-top: 20px;
}

 .searchbar-title {
   font-family: "Bitter";
   font-size: 20px;
   font-weight: bold;

}

  .searchbar-title input {
    border:hidden;
}

 .searchbar-keywords {
   font-family: "Bitter";
   font-size: 20px;
   font-weight:normal;
}

#searchKeywords, #searchCampus {
    border:hidden;
    font: 20px Bitter normal;
    max-width:200px;
}


 
 .btn.btn-search {
  font-size: 20px;
  font-family: "Bitter";
  font-weight: bold;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  line-height:48px;
  border-color: #404040;
  background-color:#404040;
  color: #fff;
  padding: 5px 20px;
  text-transform: none;
  margin: -5px -15px 0px 0px;
}

 
 
.btn-search:hover,  .btn-search:focus,.btn-search:active {
   color: #ffffff;
   background-color:#f7941f;
   border-color: #f7941f;
}
 
 
 .homecontentspace
 {
     padding-top:50px;
 }



 /*  *********************************************** */
  
 

.navbar-header , ul.menu.nav.navbar-nav, nav{
  background-color:#fff;
  border:none;
}

.pull-left {
  /*float: right!important;  WHAT?? */
}

a{
	font-family:"Open Sans";
	font-weight:700;
}

a:hover{
	color: #fC9D2B;
	text-decoration:underline;
}

a .fa {
  cursor: pointer;
}

.navbar-brand {
  float: right;
}

.navbar-default .navbar-toggle {
  border: 0px none;
  margin: 0;
}

body .navbar-fixed-top, ul.menu.nav.navbar-nav {
  background: rgba(0, 0, 0, 0.7)!important;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar.container {
  margin-top: 0;
  border: 0 none;
}

/* Header */
.navbar-nav-wrapper {
  height: 48px;
}

.small-header .navbar-nav-wrapper {
  height: 48px;
  margin-top: 12px;
}

.small-header .navbar-nav-wrapper a{
	font-family: "Open Sans";
    font-weight: 700;
}

.navbar .logo {
  padding: 11px 0 10px;
  overflow: hidden;
  text-indent: -400px;
  margin-right: 0;
}



.logo a {
  background: transparent url(../images/ilsc-gc-els-logo.png) scroll 0 0 no-repeat;
  display: block;
  margin: 0 auto;
  width: 571px;
  height: 79px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.small-header .navbar .logo {
  padding-top: 4px;
  padding-bottom: 3px;
  padding-right: 15px;
}

.small-header .navbar .logo a {
    background: url("../images/ilsc-gc-logo.png") no-repeat scroll 0 0 transparent;
    width: 373px;
    height: 58px;
    margin-top: 7px;
    font-size: 0px;
}

/*.small-header .navbar .logo a:hover {
    background: url("/sites/all/themes/ilsc/images/wordmark-orange.png") no-repeat scroll 0 0 transparent;
}*/
 /*
.navbar-header {
 height: 176px;
}
*/
.small-header .navbar-header {
  height: 80px;
}

body.admin-menu {
  margin-top: 23px !important;
}

/* Header */
a.logo {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.logo img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.small-header a.logo {
}

.small-header a.logo img {
}

ul.menu.nav li a.active {
  background: rgba(0, 0, 0, 0.7);
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent !important;
  color: #f58426;
  /*opacity: 0.75;*/
}

#tabs.nav-tabs > li > a {
  color: #464646;
  font-size: 16px;
  border: 0 none;
  padding: 44px 15px;
}

.note, ul.note li, li.note{
   font-size: 12px !important;
   line-height: 24px;
}

.facilities h3 {
        padding-left: 17px;
        padding-bottom: 10px;
}

body.maintenance-page.in-maintenance.no-sidebars #container {
    background-image: url("/sites/default/files/offline.jpg");
    background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	min-height: 700px;
	background-color:#80adcc;
}

body.maintenance-page #notices {
    width: 100%;
	position: relative;
	top: 170px;
	margin-bottom: 70px;
	text-align: center;
    color: #FFF;
	letter-spacing: 2px;
}

body.maintenance-page.in-maintenance.no-sidebars #noticedown
{
	font-family: "Bitter","Open Sans",arial,sans-serif;
	font-size: 40px;
	margin-bottom: 20px;
}

body.maintenance-page.in-maintenance.no-sidebars #noticeup
{
	font-family: "Bitter","Open Sans",arial,sans-serif;
    font-size: 28px;
}


body.maintenance-page.in-maintenance.no-sidebars h1#site-name,
body.maintenance-page.in-maintenance.no-sidebars h1#page-title{
	display:none;
}

body.maintenance-page.in-maintenance.no-sidebars #logo-title {
    padding: 10px 5px;
}

@media only screen and (min-width : 769px)  and (max-width:1200px) {
  #tabs.nav-tabs > li > a {
    padding: 22px 15px;
    height: auto !important;
  }
}

@media only screen and (max-width:768px) {
  #tabs.nav-tabs > li:not(.active) {
    display: none;
  }
  #tabs.nav-tabs.open > li:not(.active) {
    display: block;
  }
  #tabs.nav-tabs > li.active > a {
    z-index: 100;
    cursor: pointer;
    position: relative;
  }
  #tabs.nav-tabs > li.active > a::after {
    content: "";
    font-family: FontAwesome;
    right: 15px;
    position: absolute;
    top: 13px;
    text-decoration: none;
  }
  #tabs.nav-tabs.open > li.active > a::after {
    content: "";
  }
  #tabs.nav-tabs > li > a {
    padding: 13px 15px;
    height: auto !important;
    text-align: left;
  }
  #tabs.nav-tabs {
    border-bottom: 1px solid #acacac !important;
    padding: 0 15px;
  }
  #tabs.nav-tabs.sticky {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    display: block;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
  #page-tabs .container {
    padding: 0;
  }
  
  .home-banner-ilsc25 p{
	font-size:28px !important;
  }
  
  body.maintenance-page.in-maintenance.no-sidebars #noticedown {
		font-family: "Bitter",Arial,sans-serif;
		font-size: 24px;
		padding-bottom: 20px;
		width: 270px;
		margin: 0 auto;
	}
	
	body.maintenance-page.in-maintenance.no-sidebars #noticeup {
		font-family: "Open Sans",Arial,sans-serif;
		font-size: 14px;
		width: 270px;
		margin: 0 auto;
	}
}

/* hover tab color */
#tabs.nav-tabs > li > a:hover {
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

/* active tab color */
#tabs.nav-tabs > li.active > a, #tabs.nav-tabs > li.active>a:hover, #tabs.nav-tabs > li.active > a:focus {
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

#page-tabs {
  margin-bottom: 6px;
}

#page-tabs .nav-tabs {
  margin-bottom: 0;
  border: 0 none;
}

#page-tabs .nav-tabs a{
  font-family:"Open Sans";
  font-weight: 700;
}

.second-menu span {
  top: 14px;
  position: relative;
  text-transform: uppercase;
  margin-left: 10px;
}

.second-menu span.with-border {
  border-right: 1px solid #fff;
  padding-right: 8px;
}

.second-menu span a {
  color:#DDD;
}

.second-menu span a:hover {
  text-decoration: none;
}

/*.region.region-navigation {
  display: none;
}*/

div#edit-combine-wrapper {
  width: 60%;
}

.form-control {
  border-radius:0px;
}

.views-exposed-form .views-exposed-widget .form-submit {
  width: 100% !important;
}

.views-exposed-form .views-exposed-widget {
  width: 40%;
}

#city-tabs li {
  /*text-transform: uppercase;*/
}

.clear {
  clear: both;
}

 .footer {
  width: 100%;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 70px;
}

.page-home .footer, .node-type-full-width-page .footer {
    margin-top: 0px;
}

.footer-wrapper {
  color: #666666;
  height: 60px;
}

.region.region-footer.well {
  border: 0px none;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  /*background: rgba(0, 0, 0, 0.7)!important;*/
  background-color: #e5e5e5;
}

.bottom-footer-text-links {
  margin-bottom: 25px;
}

.bottom-footer-full-width a {
  color: #4b4b4b;
  text-decoration: none;
  text-transform:uppercase;
}

.feature-menu-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.home-banner-container {
  text-align: center;
  position: relative;
  min-height: 440px;
  padding-top: 20px;
  background-color: transparent;
  background: url("/sites/all/themes/ilsc/images/home-hero.jpg") no-repeat scroll 50% 50% / 100% auto rgba(0,0,0,0);
  background-size: cover;
}

.home-banner-melbourne {
    text-align: center;
    position: relative;
    min-height: 180px;
    background-color: transparent;
    background: url("/sites/all/themes/ilsc/images/ilsc_feature-background.jpg") no-repeat scroll 50% 50% / 100% auto rgba(0,0,0,0);
    background-size: cover;
    padding-top: 20px;
}

.home-banner-melbourne p {
    font-family: "Bitter",Arial,sans-serif;
    font-size: 38px;
    color:#404040;
    padding: 27px 0px 7px 0px;
    letter-spacing: 2px;
}

.home-banner-ilsc25 {
  text-align: center;
  position: relative;
  min-height: 180px;
  background-color: transparent;
  background: url("/sites/all/themes/ilsc/images/ilsc25bg.jpg") no-repeat scroll 50% 50% / 100% auto rgba(0,0,0,0);
  background-size: cover;
  padding-top:20px;  
}

.home-banner-ilsc25 .btn{
	background-color: #f58426;
    border-color: #f58426 !important;
    color: #ffffff;
    margin-top: 10px;	
}

.home-banner-ilsc25 p{
	font-family:"Bitter", Arial, sans-serif;
	font-size: 38px;
	color:#fff;
	padding:27px 0px 7px 0px;
	letter-spacing: 2px;
}

.home-banner-text h1 {
  color: #404040;
  font-family: "Bitter", "Open Sans", Arial, sans-serif;
  font-size: 62px;
  line-height: 70px;
  margin: 0;
}

.home-banner-cta {
  padding: 7px 0;
}

.home-banner-cta .btn {
  background-color: #f58426;
  border-color: #f58426 !important;
  color: #ffffff;
}

.home-banner-cta .btn:hover,
.home-banner-cta .btn:focus {
  background-color: #fc9d2b;
  border-color: #fc9d2b !important;
}

.bitter-txt {
    font-family: 'Bitter';
    font-size: smaller;
    text-transform: none;
    font-weight: normal;
}

.normal-txt {
    font-weight: normal;
}

.orange {
  color: #f58426;
  font-weight: bold;
}

.white {
    color: #fff;
}

#home-banner-txt-desc {
  font-size: 28px;
  height: 20%;
  line-height: 40px;
}

#education-group-logo a {
    width: 100%;
    height: 100%;
    display: block;
}

#education-group-logo {
    background: url('../images/education-group-logo.png') no-repeat;
    width: 164px;
    height: 72px;
    margin: 0 auto;
}

#ilsc-logo-footer a {
    width: 100%;
    height: 100%;
    display: block;
}

#ilsc-logo-footer {
  background: url("../images/education-group-logo.png") no-repeat;
  width: 164px;
  height: 72px;
  margin: 20px auto;
}

#ilsc-logo-mobile a {
    width: 100%;
    height: 100%;
    display: block;
}

#ilsc-logo-mobile {
  background: url("../images/ilsc-gc-els-logo-small.png") no-repeat;
  width: 340px;
  height: 47px;
  margin: 20px auto;
}

.home-square-wrapper {
    /*max-width: 1600px;*/
    margin: 0 auto;
    height: 250px;
    color: #404040;
}

.home-square-wrapper .col-lg-3.col-md-3.col-sm-3.col-xs-6 {
    padding: 0px;
}

.home-square-wrapper div#locations {
    background-color: #F3CC63;
}

.home-square-wrapper div#pandc {
    background-color: #73DFD0;
}

.home-square-wrapper div#years {
    background-color: #F68428;
}

.home-square-txt a {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-radius: 15px;
  border-color: #404040;
  color: #404040;
  padding: 4px;
  width: 235px;
  margin-top: 20px;
  max-width: 100%;
}

.home-square-txt a.btn:hover,
.home-square-txt a.btn:focus,
.home-square-txt a.btn:active {
  background-color: #ffffff;
  color: #404040;
  border-color: #ffffff !important;
}

.home-square-txt {
  width: 100%;
  height: 250px;
  text-align: center;
  padding-top: 20px;
}

@media only screen and (max-width: 1130px) {
  .home-square-txt {
    height: 270px;
  }
}

@media only screen and (max-width: 768px) {
  .home-square-txt {
    height: 250px;
  }
  
  body.maintenance-page.in-maintenance.no-sidebars #container {
    min-height: 500px;
  }
}

@media only screen and (max-width: 372px) {
  .home-square-txt {
    height: 270px;
  }
  
  body.maintenance-page.in-maintenance.no-sidebars #container {
    min-height: 400px;
  }
  
}

.home-square-box img {
  min-height: 76px;
  margin-right: 2px;
  width: 100%;
}

.home-square-box {
  position: relative;
  margin: 0px 2px;
}

.home-square-box .highlight-number {
  font-size: 100px;
  color: #ffffff;
  line-height: 100px;
  font-weight: bold;
  font-family: "Bitter", "Open Sans", arial, sans-serif;
  letter-spacing: 4px;
}

.home-square-box .highlight-description {
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}

.home-page-upath {
  height: 380px;
  background: transparent url(../images/upath.jpg) no-repeat scroll 0 0;
  background-size: auto 100%;
  padding-left: 400px;
  text-align: center;
  padding-right: 20px;
}

.home-page-upath .upath-description {
  font-family: "Bitter", "Open Sans", arial, sans-serif;
  font-size: 32px;
  line-height: 38px;
  max-width: 630px;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 10px;
}

/*.home-square-txt a {
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 25px;
    letter-spacing: 1px;
}

.home-square-txt a .highlight-number {
  color: #f58426;
  font-size: 40px;
}

.home-square-txt a:hover, .home-square-txt a:focus {
    text-decoration: none;
    color: #f58426;
}*/

.square-txt {
  position: absolute;
  font-weight: bold;
  color: #fff;
  top: 50px;
  text-transform: uppercase;
  left: 30px;
  font-size: 18px;
}

img.last-item {
  margin-right: 0px;
}

img.first-item {
  margin-left: 0px;
}

header .container {
  margin: 0 auto;
  text-align: center;
}

header#navbar .container {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

.home-banner-container img {
  width: 100%;
}
 
/* Header nav default */
.navbar-header-extra {
  /*overflow: hidden;*/
}

.navbar-header-extra a {
  color: #404040;
}

.navbar-header-extra a:hover, .navbar-header-extra a:active, .navbar-header-extra a:focus {
  color: #f58426;
}

 

/*** Main navigation menu ***/
.navbar-header {
  float: none;
}
.navbar-left,.navbar-right {
  float: none !important;
}
.navbar-toggle {
  display: inline-block;
  float: none;
}
#navbar-collapse {
  border-top: 0 none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  position: fixed;
  top: 0;
  right: 0;
  width:300px;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
body.alert-bar {
  margin-top: 46px !important;
}
body.alert-bar.admin-menu {
  margin-top: 69px !important;
}
/*
#navbar-collapse.collapse {
  display: none!important;
}
*/
#navbar-collapse.collapsing {
  height: auto;
  transition: height 0;
}
 
/* Side navigation */
.navbar-header-extra .navbar-toggle {
  color: #404040;
  font-size: 22px;
  border-radius: 0;
  cursor: pointer;
  padding: 11px 20px;
  text-transform:uppercase;
}

.navbar-header-extra .navbar-toggle:hover, .navbar-header-extra .navbar-toggle:active, .navbar-header-extra .navbar-toggle:focus {
  /*color: #f58426;*/
}

.region.region-navigation {
  background-color: #e5e5e5;
  border: 0 none transparent;
  margin: 0;
  padding: 30px 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 9999;
  margin-top: 0px;
  position: relative;
  top:0;
  right:0;
  height:500px;

}

  
.menu-separator-above {
  padding-top: 30px;
}

.menu-separator-below {
  padding-bottom: 30px;
}
 

.navbar-header-extra {
  display: inline-block;
}

.navbar-header-extra > a {
  padding: 11px 20px;
  display: block;
  font-size: 16px;
}

.navbar-header-extra > a.search-button {
  color: #404040;
  font-size: 20px;
}

.navbar-header-extra > a.btn {
    color: #fff;

}

.navbar-header-extra > ul {
  padding: 0;
}

.navbar-header-extra a:hover,
.navbar-header-extra a:focus,
.navbar-header-extra a:active,
.navbar-header-extra a.active {
  color: #fff;
}


/*ARS*/
.navbar-header .nav > li > a {
  color: #404040;
  font-size: 16px;
  font-style:normal;
  font-weight:400;
  cursor: pointer;
}

.navbar-header .nav > li > a .caret:hover, .navbar-header .nav > li > a .caret:focus {
  border-bottom-color: #d9d9d9;
  border-top-color: #d9d9d9;
}

.navbar-header ul.menu.nav li a.active {
  /*background: transparent none;*/
}

.navbar-header-extra ul.menu.nav li a.active {
  background: transparent none;
}

.navbar-header .nav > li > a:hover,
.navbar-header .nav > li > a:focus {
  background-color: transparent;
  color: #ffffff;
  opacity: 0.75;
}

.navbar-header a:hover, .navbar-header a:focus, .navbar-header a:active {
  /*color: #f58426;*/
  text-decoration: none;
}

.navbar-header .nav .caret,
.navbar-header .nav .open > a .caret {
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}

.navbar-header .nav li > a:hover .caret,
.navbar-header .nav li > a:focus .caret,
.navbar-header .nav .open > a:hover .caret,
.navbar-header .nav .open > a:focus .caret {
  border-bottom-color: #d9d9d9;
  border-top-color: #d9d9d9;
}

 

/*.navbar-header .navbar-header-extra.search a {
  background-color: transparent;
  border-color: transparent !important;
  color: #ffffff;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 18px;
  width: 50px;
  height: 48px;
}*/

.navbar-header .navbar-header-extra.search a:active,
.navbar-header .navbar-header-extra.search a.active,
.navbar-header .navbar-header-extra.search a:hover,
.navbar-header .navbar-header-extra.search a:focus {
  color: #f58426;
  background-color: #ffffff;
}


.navbar-header-extra .apply-btn .btn {
    background-color: #f58426;
    border-color: #f58426 !important;
    color: #ffffff;
    margin-bottom: 10px;
}

.navbar-header-extra .apply-btn .btn:hover,
.navbar-header-extra .apply-btn .btn:focus {
    background-color: #fc9d2b;
    color: #ffffff;
    border-color: #fc9d2b !important;
}

/* language menu  */
.navbar-header .navbar-header-extra.langmenu a:focus {
  color: #404040;
  background-color: #ffffff;
}
.navbar-header .navbar-header-extra.langmenu  a:hover .fa-globe
 {
  color: #f58426 !important;
  background-color: #ffffff;
}
.navbar-header .navbar-header-extra.langmenu  a:hover
 {
	 font-weight:600;
     text-decoration:underline;
}
.navbar-header .langmenu .nav  > li > a {
  font-family: Open Sans;
  font-size: 16px;
  color: #404040;
}
 

.langlist > li a:focus
{
background-color: #333 !important;
color:#fff!important;
}
/* end language menu */

.region-navigation .apply-btn {
    float: left;
    padding-left: 20px;
}

.region-navigation .apply-btn .btn {
    background-color: #f58426;
    border-color: #f58426 !important;
    color: #ffffff;
    margin-bottom: 25px;
}

.region-navigation .apply-btn .btn:hover,
.region-navigation .apply-btn .btn:focus {
    background-color: #fc9d2b;
    border-color: #fc9d2b !important;
}


/**/

a.important-btn {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-style:solid;
  border-radius: 15px;
  border-color: #F68428;
  background-color:#F68428;
  color: #fff;
  padding: 4px 30px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px 0px;
  white-space: normal;
}

a.important-btn:hover,a.important-btn:focus, a.important-btn:active {
  color: #ffffff;
  background-color:#f7941f;
  border-color: #f7941f;
}


a.reg-btn {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-style:solid;
  border-radius: 15px;
  border-color: #404040;
  color: #404040;
  padding: 4px 30px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px 0px;
  white-space: normal;
}

a.reg-btn:hover, a.reg-btn:focus, a.reg-btn:active {
  color: #ffffff;
  background-color:#F68428;
   border-color: #F68428;
}


a.apply-btn {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-style:solid;
  border-radius: 15px;
  border-color: #F68428;
  background-color:#F68428;
  color:  #ffffff;
  padding: 4px 30px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px 0px;
  white-space: normal;
}

a.apply-btn:hover, a.reg-btn:focus, a.reg-btn:active {
  color: #ffffff;
  background-color:#f7941f;
  border-color: #f7941f;
}

a.link-btn {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-style:solid;
  border-radius: 15px;
  border-color: #404040;
  color: #404040;
  padding: 3px 20px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 12px 0px;
  white-space: normal;

}
.link-btn {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: normal;
  border-width: 1px;
  border-style:solid;
  border-radius: 15px;
  border-color: #404040;
  color: #404040;
  background-color:#fff;
  padding: 3px 20px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 12px 0px;
  white-space: normal;

}

a.link-btn:hover, a.link-btn:focus, a.link-btn:active {
  color: #ffffff;
  background-color:#F68428;
  border-color: #F68428;
}

.link-btn:hover, .link-btn:focus, .link-btn:active {
  color: #ffffff;
  background-color:#F68428;
   border-color: #F68428;
}

.link-btn-container {
    width:250px;
    margin: 0 auto;
}


.navbar-header .input-group-addon, .navbar-header .input-group-btn {
  width: auto;
}

.search-form-wrapper {
  display: none;
  top: -400px !important;
  width: 100%;
  position: absolute;
}

.page-home .search-form-wrapper, .node-type-full-width-page .search-form-wrapper{
    top: 0px !important;
    width:100%;
    position: initial;
	z-index:9999;
}
 
i.fa.fa-chevron-left, i.fa.fa-chevron-right
{
	text-shadow: none;
}


.b-to-t {
    text-align: center;
    bottom: 0;
    color: #ddd;
    width: 100%;
    position: absolute;
    cursor: pointer;
    margin-bottom: 20px;
}

.down-arrow:hover {
    cursor: pointer;
}

.bottom-footer-text-links a {
    font-weight: bold;
    font-size: 14px;
    margin: 0 25px;
  }

.bottom-footer-wrapper {
      margin: 0 auto;
      padding: 20px 0px;
  }

.bottom-footer-full-width {
  height: auto;
  clear: both;
  background-color: #ffffff;
}


.bottom-footer-title {
  font-family: "Bitter", "Open Sans", arial, sans-serif;
  font-size: 25px;
  line-height: 25px;
  display: block;
  margin: 20px 0;
  color: #404040;
}


/* City pages, temperature chart */
.temp-wrapper table {
  border: 0 none;
  color: #4b4b4b;
  font-size: 12px;
  text-align: center;
}

.temp-wrapper table table {
  margin: 0;
}

.temp-wrapper .chart-title td {
  padding-top: 8px;
  font-weight: bold;
}

.temp-wrapper .temperature-positive,
.temp-wrapper .temperature-negative,
.temp-wrapper .temp-values-zero td {
  background-color: #c7c8ca;
}

.temp-wrapper table td {
  padding: 0 2px;
  border: 0 none;
  vertical-align: bottom;
  text-align: center;
}

.temp-wrapper tr td:last-child {
  border: 0 none;
}

.temp-wrapper .temp-values-zero td {
  height: 3px;
  line-height: 2px;
}

.temp-wrapper .temperature-value {
  display: table-cell;
  margin: 0 auto;
  vertical-align: bottom;
  width: 100%;
}

.temp-wrapper table table {
    margin-bottom: -2.6px;
}

.temp-wrapper .temp-labels td {
  font-weight: bold;
  padding-top: 5px;
  text-align: center;
}

.temp-wrapper td.column-0 {
  padding-left: 0;
}

.temp-wrapper td.column-11 {
  padding-right: 0;
}

/**
 * the following are to make the co-op report iFrames responsive
 * the percentage used for padding-bottom controls the aspect ratio of the iframe
 */
 .iframe-containing-div-co-op-report	{
	 position: relative;
	 padding-bottom: 75%;
	 height: 0;
	 overflow: hidden;
	 border: 0 none;
 }
 .responsive-iframe-co-op-report	{
	  position: absolute;
	  top:0;
	  left: 0;
	  width: 100%;
	  height: 100%;
      border: 0px none;
 }
 
/** Testimonials carousel */
#testimonial-carousel{
   padding:0px 50px;
}

#block-views-testimonials-block {
  padding: 100px 0;
}

#block-views-testimonials-block .quote-mark {
  font-size: 70px;
  color: #c7c8ca;
} 

.carousel .item > div.testimonial-text {
  padding-left: 5%;
  text-align: center;
  font-family: "Bitter", "Open Sans", arial, sans-serif;
  font-size: 17px;
}

#block-views-testimonials-block .carousel-control {
  width: 80px;
  text-shadow: 0 none;
  font-size: 70px;
  color: #c7c8ca;
}

#block-views-testimonials-block .carousel-control i {
  margin-top: -35px;
  position: absolute;
  top: 50%;
}

#block-views-testimonials-block .carousel-control i.fa-chevron-left {
  left: 0;
}

#block-views-testimonials-block .carousel-control i.fa-chevron-right {
  right: 0;
}

#block-views-testimonials-block .testimonial-attribution {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

#block-views-testimonials-block .testimonial-name {
  color: #f58426;
}

#block-views-testimonials-block .carousel.slide img {
  margin: 0 auto 20px;
  width: auto;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-fade .carousel-inner > .next, 
.carousel-fade .carousel-inner > .prev {
  width: auto;
}

.panel-default>.panel-heading {
  background-color: #fff; 
}

/************************************************************** BREAKPOINTS ******************************************************************/

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
  .home-banner-text h1 {
      font-size: 22px;
      line-height: 28px;
  }
  
  .home-banner-container {
    padding-top: 10px;
  }

  h1.city-page-name, h1.page-name {
    font-size: 20px;
    border-bottom: none;
  }

  .city-page-subtitle {
    display: none;
  }
  
  .signup-form-wrapper input {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
  }

  .newsletter-form-txt {
    width: 100%;
    float: none;
  }

  .signup-form-wrapper button {
    width: 100%;
  }

  .temp-wrapper {
    padding: 0;
  }

  .temp-wrapper table {
    font-size: 9px;
  }

  .facil-txt {
    margin-top: 10px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 12px;
  }
  
  .home-page-upath {
    background-position: -350px 0;
    padding: 0 40px 0 60px;
  }
  
  .home-page-upath .upath-description {
    font-size: 20px;
    padding-top: 120px;
    line-height: 26px;
  }

  .home-page-upath .upath-cta .btn {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
    .exp-ilsc-txt {
        font-size: 24px;
    }

    .orange {
        margin-top: 20px;
    }
    
    .full-page-item-txt.top-left {
        width: 80%;
    }

    .feature-menu-item {
        height: 60px !important;
    }

    .footer-left {
        padding-top: 20px !important;
    }
/*
    .loc-txt a {
        font-size: 27px;
        letter-spacing: 1px;
    }
*/
    .bottom-footer-text-links a {
        margin: 0px 7px; 
    }

    #home-banner-txt-lang {
        font-size: 26px;
        line-height: 26px;
    }

    #home-banner-txt-desc .btn-section {
        padding-top: 0px;
    }

    .ielts-txt .btn {
        margin-top: 5px;
    }

    .home-square-wrapper div img {
        margin-bottom: 2px;
        width: 100%;
    }
        a.link-btn {
      font-size: 10px;
      padding: 3px 20px;
    }
        .link-btn-container {
    width:200px;
    }
}

@media only screen and (max-width : 440px) {
  .testimonial-photo > .field-content {
    padding: 0 55px;
  }
  
  body.maintenance-page #notices {
    top: 70px;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 768px) {
  /* Styles */
  .small-header .navbar .logo {
    background-color: transparent;
    float: left;
    padding-left: 15px;
  }

  .home-banner-text h1 {
    font-size: 34px;
    line-height: 40px;
  }

  .home-banner-container {
    padding-top: 10px;
  }

  .home-square-wrapper div img {
    margin-bottom: 2px;
    width: 100%;
  }

  .newsletter-form-txt {
    color: #ddd;
  }

  .signup-form-wrapper input {
    width: 70%;
    margin-left: 0px;
  }

  .newsletter-form-txt {
    width: 80%;
    float: none;
    margin-bottom: 15px;
  }

  .temp-wrapper {
    padding: 0;
  }

  .temp-wrapper table {
    font-size: 10px;
  }

  .facilities {
    display: inline-block;
  }

  .full-page-item-txt.top-right {
        margin-right: 30px;
   }
   
}

/* Special for home page elements */
@media only screen and (min-width : 321px)  and (max-width:400px) {
    .exp-ilsc-txt {
        font-size: 30px;
    }

    .orange {
        margin-top: 20px;
    }
   /*
    .loc-txt a {
        font-size: 27px;
        letter-spacing: 1px;
    }
*/
  .home-page-upath {
    background-position: -350px 0;
    padding: 0 40px 0 60px;
  }
  
  .home-page-upath .upath-description {
    font-size: 20px;
    padding-top: 120px;
    line-height: 26px;
  }

  .home-page-upath .upath-cta .btn {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
}

@media only screen and (min-width : 401px)  and (max-width:499px) {
    .exp-ilsc-txt {
        font-size: 44px;
    }
    .orange {
        margin-top: 20px;
        display: block;
    }
    .exp-ilsc-txt .orange {
      display: inline;
    }

    /*
    .loc-txt a {
        font-size: 30px;
        letter-spacing: 1px;
    } 
*/
  .home-page-upath {
    background-position: -350px 0;
    padding: 0 60px;
  }
  
  .home-page-upath .upath-description {
    font-size: 24px;
    padding-top: 120px;
    line-height: 30px;
  }

}

@media only screen and (max-width : 500px) {
  /* Styles */
  div#edit-field-course-type-tid-wrapper,
  div#edit-field-course-location-tid-wrapper,
  div#edit-field-course-category-tid-wrapper,
  div#edit-field-course-level-tid-wrapper,
  div#edit-field-global-course-level-tid-wrapper,
  div#edit-combine-wrapper,
  .views-exposed-form .views-exposed-widget.views-submit-button {
    width:100%;
  }

  .ielts-txt {
    font-size: 16px;
  }

  /* Banner/title */
  header#title {
    background: url("../images/banner.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    background-size: auto 100%;
    height: 259px; /*was 150px;*/
  }

  header#title h1 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
  }

  /* top nav
  .navbar-header-extra {
    display: none;
  } 

  */

  #block-system-main-menu li.swap {
    display: block;
  }

 

 .home-banner-text h1 {
     font-size: 27px;
     line-height: 34px;
 }

    
  #home-banner-txt-connect {
      font-size: 34px;
      height: 24%;
  }

  .home-square-wrapper div {
    width: 100%;
    background-size: 100%;
  }

  /*.home-square-wrapper div#junior {
    background: url("/sites/all/themes/ilsc/images/home-mobile-junior.jpg") no-repeat;
  }

  .home-square-wrapper div#locations {
    background: url("/sites/all/themes/ilsc/images/home-mobile-locations.jpg") no-repeat;
  }

  .home-square-wrapper div#whyilsc {
    background: url("/sites/all/themes/ilsc/images/home-mobile-whyilsc.jpg") no-repeat;
  }

  .home-square-wrapper div#pandc {
    background: url("/sites/all/themes/ilsc/images/home-mobile-programscourses.jpg") no-repeat;
  }*/

   .search-form-wrapper {
        display: none;
        top: -250px !important;
        width: 100%;
        position: absolute;
    }

    .page-home .search-form-wrapper, .node-type-full-width-page .search-form-wrapper{
        top: 0px !important;
        width: 100%;
        position: initial;
    }

  .footer-left, .footer-right {
    margin: 0 auto;
    clear: both;
    width: 250px;
    border: 0px none;
    font-size: medium;
  }

  .footer-left {
    padding-top: 0px;
  }

  .footer-wrapper {
    color: #fff;
    padding: 20px 20px 20px 20px;
    height: 60px;
    clear: both;
    height: auto;
  }

  .footer-left .description a, .footer-right .description a {
    font-size: 16px;
  }

  .bottom-footer-links{
    clear: both;
    padding: 10px 0px;
    margin: 0 auto;
  }

  .right-links{
    clear: both;
    padding: 10px 0px;
    margin: 0 auto;
    width: 238px;
  }

  .bottom-footer-links a {
    font-size: 11px;
    font-weight: bold;
  }

  .footer-title {
    display: none;
  }

  .bottom-footer-full-width a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    display: inline-block;
    font-size: 12px;
  }

  a.textlink-withleftpadding {
    padding-left: 40px !important;
  }

  #ls-footer-logo {
    margin: 0 auto;
    float: none;
  }

  .ielts-banner-wrapper img {
    display: none;
    font-size: 18px;
  }

    .full-page-item-txt.top-left {
        width: 57%;
        padding: 0px 40px 0px 17px;
    }

    .full-page-item-txt .field-name-field-page-title p {
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 9px;
        line-height: 25px;
    }

    .full-page-item-txt .field-name-field-page-text p {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 18px;
    }

    header#title h1 {
    }

    .city-page-subtitle, .subtitle {
        font-size: 17px;
    }

    .calendar-overlay.btn {
      width: 135px;
      font-size: 13px;
    }

    body.node-type-alternative-accommodation-page header.page-title{
	    height:80px !important;
    }
}

/* Special for home page elements */
@media only screen
and (min-width : 501px) {
  /* Styles */
  div#edit-field-course-type-tid-wrapper,
  div#edit-field-course-location-tid-wrapper,
  div#edit-field-course-category-tid-wrapper,
  div#edit-field-course-level-tid-wrapper,
  div#edit-field-global-course-level-tid-wrapper {
    width:50%;
  }

  .footer-left {
    width: 47%;
    float: left;
  }

  .footer-right {
    width: 47%;
    float: right;
  }

  .footer-left, .footer-right {
    margin-top: 20px;
  }
}

@media only screen and (min-width : 321px) and (max-width : 500px) {
    
  .temp-wrapper table {
    font-size: 9px;
  }

  .facil-txt {
    margin-top: 10px;
    padding-left: 0px;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
  }

  .feature-menu-item {
      height: 60px !important;
  }

  .footer-left {
      padding-top: 20px;
  }

  .bottom-footer-text-links a {
        font-size: 11px;
        margin: 0px 7px; 
    }

    #home-banner-txt-lang {
        font-size: 32px;
        line-height: 34px;
        width: 310px;
        margin: 0 auto;
    }

    #home-banner-txt-desc {
        margin-top: -10px;
    }

    #home-banner-txt-desc .btn-section {
        padding-top: 25px;
    }

    a.reg-btn {
         visibility: hidden;
    }

     a.link-btn {
      font-size: 10px;
    }

    .link-btn-container {
    width:220px;
    }

   .navbar-header-extra .apply-btn .btn  {
         
     }

}

@media only screen and (min-width : 500px) and (max-width : 600px) {
  .exp-ilsc-txt {
    font-size: 42px;
  }

  .temp-wrapper table {
    font-size: 11px;
  }

  .facilities div {
    font-size: 12px;
    font-weight: bold;
  }

  .facil-txt {
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 0px;
  }

   .home-banner-text {
   }

    #home-banner-txt-connect {
        font-size: 48px;
        height: 20%;
    }

    #home-banner-txt-lang {
        font-size: 50px;
        line-height: 50px;
    }

    #home-banner-txt-desc {
        font-size: 20px;
        height: 20%;
        line-height: 30px;
    }

    .full-page-item-txt.top-left {
        width: 57%;
        padding: 0px 45px 0px 25px;
    }

    .full-page-item-txt .field-name-field-page-title p {
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 11px;
        line-height: 30px;
    }

    .full-page-item-txt .field-name-field-page-text p {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 22px;
    }

    .bottom-footer-text-links a {
        margin: 0px 11px; 
    }

}


@media only screen and (min-width : 601px) and (max-width : 670px) {
  .exp-ilsc-txt {
    font-size: 56px;
  }

  .facilities div {
    font-size: 12px;
    font-weight: bold;
  }

  .facil-txt {
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 0px;
  }

   #home-banner-txt-lang {
    font-size: 70px;
    line-height: 70px;
  }

  #home-banner-txt-connect {
    font-size: 64px;
    height: 20%;
  }

  #home-banner-txt-desc {
    font-size: 22px;
  }

  .home-banner-text {
  }

    .full-page-item-txt.top-left {
        width: 57%;
        padding: 0px 55px 0px 25px;
    }

    .full-page-item-txt .field-name-field-page-title p {
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 11px;
        line-height: 30px;
    }

    .full-page-item-txt .field-name-field-page-text p {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 22px;
    }

    .bottom-footer-text-links a {
        margin: 0px 17px; 
    }

    a.reg-btn {
       visibility: hidden;
    }

    a.link-btn {
    }
}

@media only screen and (min-width : 671px) and (max-width : 768px) {
    .full-page-item-txt.top-left {
        width: 54%;
        padding: 0px 70px 0px 40px;
    }

    .full-page-item-txt .field-name-field-page-title p {
        font-size: 40px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 15px;
        line-height: 40px;
    }

    .full-page-item-txt .field-name-field-page-text p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .exp-ilsc-txt {
        font-size: 56px;
    }

    .bottom-footer-text-links a {
        font-size: 11px;
        margin: 0px 17px; 
    }

     a.reg-btn {
         visibility: hidden;
    }
}

/* bootstrap size xs */
@media only screen and (max-width : 768px) {
  /* Styles */

 
  .navbar-header-extra .navbar-toggle {
    padding: 11px 15px;
  }

  .navbar-header-extra ul.menu.nav > li > a,
  .navbar-header-extra ul.menu.nav > li > a.active {
    text-indent: -200px;
    background: transparent url(../images/language-icon.png) no-repeat scroll 50% 50%;
  }
  .navbar-header-extra.langmenu ul.menu.nav > li > a,
  .navbar-header-extra.langmenu ul.menu.nav > li > a.active {
    text-indent: 0px;
  }

  /*
  .navbar-header-extra {
    display: none;
  }
      */

  #block-system-main-menu li.swap {
    display: block;
  }
 

  .about-text {
    width: 100%;
  }

  .city-map {
    width: 100%;
    padding-left: 15px;
  }

  .city-page-name, .page-name {
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: inline-block;
  }

  .feature-menu-item p{
    display: none;
  }

  .feature-menu-item .description {
    padding: 20px 0px 0px 20px;
  }

  .bottom-footer-links {
    clear: both;
 
    margin: 0 auto;
    width: 370px;
  }

  .right-links {
    clear: both;
    padding: 10px 10px 10px 20px;
    margin: 0 auto;
    width: 300px;
  }

  .goal-selector-txt {
    font-size: 34px;
  }

  .goal-img-wrapper img , .goal-txt{
    margin: 0 auto;
    width: 80%;
  }

  .goal-txt {
    padding-top: 20px;
  }

  .goal-selector h3 {
    font-size: 14px;
    margin: 0px;
  }

  .goal-selector section {
    text-align: center;
    height: 120px;
    padding: 10px 0px 0px 0px;
  }

  #block-views-testimonials-block {
    padding: 50px 0 76px;
  }

  #block-views-testimonials-block .carousel-control i {
    top: 150px;
  }
  
  #block-views-testimonials-block .carousel-inner {
    padding: 0;
  }
  
  #block-views-testimonials-block .testimonial-text {
    padding-left: 0;
  }

    #selectable .img-section {
        height: 80px;
    }

   .ielts-banner-wrapper img {
        display: none;
    }

    .ielts-banner-wrapper {
        height: 220px;
        background-position: 52% 27px;
    }
    
    .footer-wrapper {
        padding: 0px 20px;
        margin: 0 auto;
    }

    .bottom-footer-links {
        width: 100%;
    }

    .bottom-footer-text-links {
        display: table;
        height: auto;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .full-page-item-txt.top-center {
        padding: 0px 30px;
    }

    .full-page-item-txt.top-center .field-name-field-page-text {
        width: 100%;
    }

    .bottom-footer-text-links a {
        font-size: 11px;
    }

   a.reg-btn {
         visibility: hidden;
    }

}

.feature-footer-wrapper {
  text-align: center;
  margin-top: 12px;
}
@media only screen and (max-width : 700px) {
  .feature-footer-wrapper .description a {
    font-size: 12px; 
  }
}

@media (min-width: 501px) { /* This is a custom breakpoint */
  /* Banner/title */
  header#title {
    background: url("../images/banner.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    background-size: auto 100%;
    /*height: 360px; was 190px;*/
  }

  header#title h1 {
    margin: 0;
  }

  /* top nav */
  .small-header.navbar-header-extra.search {
    display: inline-block;
  }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
    #home-banner-txt-lang {
        font-size: 37px;
        line-height: 37px;
        width: 500px;
        margin: 0 auto;
    }

    #home-banner-txt-desc {
        margin-top: -10px;
    }

    #home-banner-txt-desc .btn-section {
        padding-top: 0px;
    }

  .home-page-upath {
    background-position: -350px 0;
    padding: 0 60px;
  }
  
  .home-page-upath .upath-description {
    font-size: 24px;
    padding-top: 120px;
  }
}

@media (min-width: 768px) {
  .home-banner-text h1 {
  }

  /* Banner/title */
  header#title {
    background: url("../images/banner.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    background-size: auto 100%;
    /*height: 370px; was 220px;*/
  }

  header#title h1 {
    margin: 0;
  }

  /* top nav */
  .navbar-header {
    height: 100px;
  }

  .navbar .logo {
    padding-top: 7px;
    background-color: transparent;
    padding-bottom: 0;
    float: left;
  }

  .navbar-header-extra {
    display: none;
  }

  #block-system-main-menu li.swap {
    display: block;
  }

 
  .small-header .navbar-header-extra {
    display: inline-block;
  }

  .small-header #block-system-main-menu li.swap {
    display: none;
  }

 

  .navbar-header-extra {
    display: inline-block;
  }

  .ielts-txt {
    position: relative;
    margin: 0 auto;
    clear: both;
    top: -120px;
    text-align: center;
    width: 100%;
    font-family: bitter;
    font-weight: 600;
    font-size: 20px;
    height: 0;
  }

    .footer .description {
        padding: 5px 0px 0px 20px;
    }
}


@media only screen and (min-width : 768px) and (max-width: 991px) {
  .ielts-banner-wrapper img {
    margin-left: -30px;
  }

  .ielts-banner-wrapper {
    background-position: 99% 60%;
  }

  .small-header.navbar-header-extra {
    display: inline-block;
  }

  .small-header #block-system-main-menu li.swap {
    display: none;
  }


    .signup-form-wrapper input {
        float: left;
        margin: 0px 0 0px 19%;
        width: 48%;
    }

    .form-elements {
        width: 720px;
        margin: 0 auto;
    }

    .newsletter-form-txt {
        width: 100%;
        text-align: center;
        padding-top: 0px;
        margin-bottom: 5px;
    }

    .footer-wrapper {
        width: 720px;
        margin: 0 auto;
    }

    .full-page-item-txt.top-right {
        margin-right: 30px;
    }

    .bottom-footer-text-links a {
        font-size: 12px;
        margin: 0 15px;
    }
     
     a.reg-btn {
         visibility: hidden;
    }

}

/* tablet and laptops ----------- */
@media only screen and (min-width : 768px) and (max-width: 1024px) {
    /* Styles */
  .home-banner-text h1 {
    font-size: 46px;
    line-height: 52px;
  }

    .city-map {
        padding-top: 20px;
    }

   a.reg-btn {
         visibility: hidden;
    }

    .bottom-footer-full-width {
        clear: both;
        height: auto;
        min-height: 55px;
    }

    .right-links {
        float: right;
        padding: 10px 20px 10px 10px;
    }

    #home-banner-txt-connect {
        font-size: 78px;
        height: 20%;
    }

    #home-banner-txt-lang {
        font-size: 78px;
        line-height: 78px;
    }

    .home-banner-text {
    }

    #home-banner-txt-desc {
        font-size: 24px;
    }

  .home-page-upath {
    background-position: -150px 0;
    padding: 0 60px 0 360px;
  }
  
  .home-page-upath .upath-description {
    font-size: 28px;
    padding-top: 100px;
  }

    .exp-ilsc-txt {
        font-size: 48px;
    }

    .feature-menu-item p {
        font-size: 12px;
    }

    .bottom-footer-full-width {
        min-height: 140px;
    }

    .bottom-footer-text-links {
        text-align: center;
    }

    #ls-footer-logo {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .right-links {
        margin: 0 auto;
        height: 40px;
        text-align: center;
        width: 247px;
        margin-top: 14px;
    }

    .full-page-item-txt.top-left {
        width: 54%;
    }


    .full-page-item-txt .field-name-field-page-title p {
        font-size: 50px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 15px;
        line-height: 50px;
    }


    .full-page-item-txt .field-name-field-page-text p {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    #home-banner-txt-lang {
        font-size: 47px;
        line-height: 47px;
        width: 770px;
        margin: 0 auto;
    }

    .home-banner-text .btn-section {
        padding-top: 17px;
    }
}

@media only screen and (min-width:768px) and (max-width:879px) {
}

@media only screen and (min-width : 768px)
{
    .region-navigation .apply-btn
    {
        display:none !important;
    }
}

@media (min-width: 992px) {
  /* Banner/title */
  header#title {
    background: url("../images/banner.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    background-size: auto 100%;
    /*height: 380px; was 280px*/
  }

  header#title h1 {
    margin: 0;
  }

  .exp-ilsc-txt {
    font-size: 70px;
  }

  .navbar-header-extra {
    display: inline-block;
  }


  #block-system-main-menu li.swap {
    display: none;
  }



  #home-banner-txt-connect {
    font-size: 88px;
    height: 20%;
  }

   .home-banner-text {
    }

    .bottom-footer-wrapper {
        width: 940px;
        margin: 0 auto;
    }

  .footer-wrapper {
    margin: 0 auto;
    clear: both;
    width: 940px;
  }

  .form-elements {
    width: 940px;
    margin: 0 auto;
  }

   .signup-form-wrapper input {
       width: 30%;
       float: left;
       margin-left: 10%;
   }

   .newsletter-form-txt {
       width: 48%;
   }

   .facilities h3 {
      padding-left: 17px;
      padding-bottom: 10px;
   }
}


@media only screen and (min-width : 1025px) {
  .home-banner-text h1 {
  }

  .ielts-txt {
    font-size: 22px;
  }

  .ielts-txt .btn {
    width: 220px;
  }

  /* Header nav */
  .navbar-header-extra {
    font-size: 18px;
  }

   .navbar-header #block-search-form .btn-primary, .navbar-header #block-search-form .btn-primary:active, .navbar-header #block-search-form .btn-primary.active, .navbar-header #block-search-form .btn-primary:hover, .navbar-header #block-search-form .btn-primary:focus {
    font-size: 18px;
  }

  #home-banner-txt-connect {
    font-size: 100px;
  }

  #home-banner-txt-lang {
    font-size: 90px;
  }

  .city-map {
    padding-top: 20px;
  }

  .bottom-footer-full-width {
    clear: both;
    height: auto;
    min-height: 55px;
  }

}



@media only screen and (max-width:1024px) {
    .full-page-item-txt.bottom-center .field-name-field-page-text {
        width: 100%;
    }
}

@media only screen and (min-width : 1025px) and (max-width: 1224px) {
  /* Styles */
  .city-map {
    padding-top: 20px;
  }

  .city-page-name, .page-name {
    text-transform: uppercase;
    font-size: 60px;
    border-bottom: 1px solid;
    display: inline-block;
  }

  .page-name {
    font-size: 50px;
  }

   #home-banner-txt-connect {
        font-size: 90px;
   }

    #home-banner-txt-connect {
        height: 20%;
    }

    #home-banner-txt-lang {
        font-size: 60px;
        line-height: 60px;
    }

    .home-banner-text .btn-section {
        padding-top: 47px;
    }

  .home-page-upath {
    background-position: -150px 0;
    padding: 0 140px 0 450px;
  }
  
  .home-page-upath .upath-description {
    font-size: 32px;
    padding-top: 90px;
  }

    .exp-ilsc-txt {
        font-size: 70px;
    }

    .bottom-footer-full-width {
        min-height: 140px;
    }

    .bottom-footer-text-links {
        text-align: center;
    }

    #ls-footer-logo {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .right-links {
        margin: 0 auto;
        height: 40px;
        text-align: center;
        width: 247px;
        margin-top: 14px;
    }

    .full-page-item-txt.bottom-center .field-name-field-page-text {
        width: 80%;
    }

    .bottom-footer-text-links a {
        margin: 0 20px;
    }
}
/*
@media (max-width: 1200px) {
    .loc-txt a {
        font-size: 40px;
        letter-spacing: 2px;
        line-height:40px;
    }
}
*/

@media (min-width: 1200px) {
  /* Banner/title */
  header#title {
    background: url("../images/banner.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    background-size: auto 100%;
    /*height: 390px;*/
  }

  header#title h1 {
    margin: 0;
  }

  .bottom-footer-wrapper {
      width: 1140px;
  }

  .right-links {
    float: right;
    padding: 10px 0px 10px 10px;
  }

  .footer-wrapper {
    margin: 0 auto;
    clear: both;
    width: 1140px;
  }

  .form-elements {
    width: 1140px;
    margin: 0 auto;
  }

    .footer-right {
        width: 53%;
        padding-left: 75px;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  /* Styles */
  div#edit-field-course-type-tid-wrapper,
  div#edit-field-course-location-tid-wrapper,
  div#edit-field-course-category-tid-wrapper,
  div#edit-field-course-level-tid-wrapper,
  div#edit-field-global-course-level-tid-wrapper {
    width: 25%;
  }

  .city-page-name, .page-name {
    text-transform: uppercase;
    font-size: 72px;
    border-bottom: 1px solid;
    display: inline-block;
  }

  .page-name {
    font-size: 54px;
  }

  
}


@media only screen and (min-width : 1224px) and (max-width:1500px) {
    #home-banner-txt-lang {
        font-size: 75px;
        line-height: 75px;
    }

    .home-banner-container .btn-section {
        padding-top: 80px;
    }
 
}

@media only screen and (min-width:1501px) {
    #home-banner-txt-desc .btn-section {
        padding-top: 110px;
    }

    #home-banner-txt-lang {
        font-size: 90px;
        line-height: 90px;
    }
}

@media only screen and (min-width:1601px) {
  header#title {
    background-size: cover;
  }
  
  .home-page-upath {
    background-size: cover;
  }
}

@media only screen and (max-width : 320px) {
    .loc-txt a {
        font-size: 20px;
        letter-spacing: 2px;
        line-height:50px;
        vertical-align: middle;
        display: inline-block;
        padding-top: 30%;
    }
    .home-banner-melbourne p {
        font-size: 20px;
    }
	
	body.maintenance-page #notices{
		margin-bottom:0px;		
	}
}

@media only screen and (min-width : 321px)  and (max-width:480px) {
    .loc-txt a {
        font-size: 35px;
        letter-spacing: 2px;
        line-height:50px;
        vertical-align: middle;
        display: inline-block;
        padding-top: 30%;
    }

    .loc-txt.locsanfrancisco a {
        padding-top: 25%;
    }

    .home-banner-melbourne p {
        font-size: 20px;
    }
}


@media only screen and (min-width : 481px)  and (max-width:768px) {

    .loc-txt a {
        font-size: 40px;
        letter-spacing: 2px;
        line-height:50px;
        vertical-align: middle;
        display: inline-block;
        padding-top: 30%;
    }
    .home-banner-melbourne p {
        font-size: 20px;
    }
}

@media only screen and (min-width : 769px)  and (max-width:992px) {

    .loc-txt a {
        font-size: 25px;
        letter-spacing: 2px;
        line-height:45px;
        vertical-align: middle;
        display: inline-block;
        padding-top: 25%;
    }

}


@media only screen and (min-width : 993px)  and (max-width:1199px) {

    .loc-txt a {
        font-size: 35px;
        letter-spacing: 2px;
        line-height:45px;
        vertical-align: middle;
        display: inline-block;
        padding-top: 30%;
    }

}



@media (min-width: 1200px) {
    .loc-txt a {
        font-size: 45px;
        letter-spacing: 2px;
        line-height:50px;
        vertical-align: middle;
        display: inline-block;
        padding-top: 30%;
    }

    .loc-txt.locsanfrancisco a{
        padding-top: 20%;
    }
}

 

.page-node-273 .title-container {
  display: none;
}

.search-snippet-info {
    margin-bottom: 20px;
}

#edit-submit-course-pages {
    color: #ffffff;
}

ol.search-results li
{
    background: none;
    padding-left: 0px;
}

#tabs.programtabs > li > a
{
    height:30px;
    padding-top: 20px;
    padding-left:10px;
    padding-right:10px;

}
/*
  changes below to change colours of buttons sitewide except for on home page (so some ome page css moved below sitewide btn colour definitions
*/
/*
.btn{
	background-color: #f58426;
    border-color: #f58426 !important;
    color: #ffffff;	
}

.btn:hover{
	background-color: #fc9d2b !important;
}
*/

.home-square-box .btn {
  background-color: transparent;
  border-color: #404040 !important;
  color: #404040;
}

.home-square-box .btn:hover,
.home-square-box .btn:focus {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.home-page-upath .upath-cta .btn {
  background-color: transparent;
  border-color: #404040 !important;
  color: #404040;
  }

.home-page-upath .upath-cta .btn:hover,
.home-page-upath .upath-cta .btn:focus {
  background-color: #fc9d2b !important;
  border-color: #fc9d2b !important;
  color: #ffffff;
}

#logos-page {
    font-weight: normal;
}
#download-logos {

}
#logos-page .full-column-logo {
    width: 100%;
}
#logos-page .logo-heading {
  font-family: "Bitter";
  font-style:normal;
  font-size: 20px; 
  color: #040404; 
}
#logos-page p {
    margin: 10px 0px;
}
.incorrect-logo {
    object-fit: cover;
    height: 150px;
}
.logo-pallettes {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: .8em;
    font-weight: normal;
}
.logo-pallettes > li {
    display: flex;
    border-bottom: 1px solid #eee;
}
.logo-pallettes > li:first-child {
    border-top: 1px solid #eee;
}
.color-preview-block {
    display: flex;
    min-height: 60px;
    width: 60px;
}
.color-name {
    padding: 0 10px;
    width: 170px;
    align-self: center;
    font-weight: bold;
}
.color-format-list {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    list-style: none;
}
.color-format-list > li {
    width: 170px;
}
.color-format-list .color-format-name {
    background-color: #eee;
    color: rgba(0,0,0,.4);
    margin: 5px 3px 0 0;
    padding: 0 5px;
}
.greyscale-color div {
    text-align: center;
}
.greyscale-circle {
    margin-left: auto;
    margin-right: auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.025);
}
.greyscale-name {
    margin-bottom: 10px;
}
