

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

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

/*
--------------------
Header
--------------------
*/
.nav-toggle {
  display: none; }




.global-search {
  display: block; }

#site-search {
  display: block;
  right: 0; }

#site-search form label {
  margin: 0;
  cursor: pointer; }

#site-search form:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 10px;
  top: 11px;
  width: 20px;
  height: 20px;
  background: url('https://www.cqu.edu.au/__data/assets/image/0009/111060/sprite.png?v=0.1.7') no-repeat -191px -41px;
  cursor: pointer; }

#site-search form {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0.6em 0.7em 0.2em 2.2em;
  font-size: 1em;
  color: #FFF;
  font-weight: normal;
  background: #033156;
  width: auto;
  height: 29px;
  cursor: pointer; }

#site-search.expanded form {
  width: 75%;
  padding: 0.4em 0.7em 0.4em 2.2em; }

#site-search.expanded form label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; 
}

#site-search.expanded form input {
  display: block;
  padding: 0.2em;
  width: 95%;
  background: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #FFF; }

#site-search.expanded #search-button {
  display: none; }

#site-search form input, #site-search form .button {
  display: none; }

#queries_site_search_query {
  color: #FFF;
  font-weight: bold; }

#queries_site_search_query::-webkit-input-placeholder {
  color: #FFF; }

.search-icon:before {
  content: "";
  display: none; }

#site-search.active {
  display: block; }

#site-search.expanded .close-search-desktop {
  display: block; }

#site-search.expanded .close-search-desktop a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  width: 16px;
  height: 16px;
  background: url('https://www.cqu.edu.au/__data/assets/image/0009/111060/sprite.png?v=0.1.7') no-repeat -175px -41px; }

#site-search.expanded .close-search-desktop a {
  display: block;
  position: absolute;
  z-index: 0;
  top: 28%;
  right: 2%;
  width: 16px;
  height: 16px; }




/*
--------------------
Course finder
--------------------
*/
.course-finder-inner {
  margin: 0 1% 2em 1%;
  overflow: inherit; }

#header-search-form {
  position: relative;
  width: 100%; }

.course-search-input-wrapper {
  position: absolute;
  width: 100%;
  top: -55px;
  z-index: 100;
  padding: 0;
  background: rgba(240, 240, 240, 0.5);
  padding: 1% 1% 0; }

.course-search-input {
  margin: 0;
  padding: 20px 2.5%;
  width: 100%; 
 }

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

.lt-ie9 #header-search-form {
}

.lt-ie9 .homepage .course-search-input-wrapper {
}

.lt-ie9 .homepage .course-search-input {
}

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

.course-checkbox-wrapper {
  width: 85%; }

.course-search-advanced {
  width: 98%;
  margin: 0 1%;
  background: #FFF; }

.course-search-advanced fieldset {
  margin: 2em 1em;
  padding-left: 2.5%;
  width: 84%;
  float: left; }

.course-search-advanced legend {
  width: 15%;
  float:left;
  }

.course-search-input-border {
  border-bottom: 1px solid black;
  position: absolute;
  top: 25px;
  margin: 0 1%;
  background: #FFF;
  width: 96%;
  z-index:1000;
}

.course-checkbox-col-1, .course-checkbox-col-2 {
  width: 33%;
  float: left; }

.course-checkbox-col-3 {
  width: 20%;
  float: left; }

.course-search-advanced .course-search {
  width: 10%;
  float: right;
  margin: 60px 2.5% 25px 0;
  position: absolute;
  bottom: 3px;
  right: 40px; }

.course-checkbox-wrapper label {
  width: 88%; }

.course-checkbox-wrapper input {
  width: 12%; }

.course-tiles-wrapper {
  margin-top: 3em;
  padding: 0; }

.course-tiles-wrapper .accordian-title {
  padding: 0.6em 0 1em 0;
}


.course-tile {
  width: 21.9%;
  margin: 0 0.1% 2px 0;
  padding: 20px 1.5%;
  font-size: 1.3em;
  line-height: 1.45em; 
  min-height: 59px;
}

.course-tiles-mini .course-tile {
  padding: 10px 1.5%;
  min-height: 51px; 
}


.course-tile:hover {
  border-bottom: 6px solid;
  padding-bottom: 17px;
}

.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: 0.35em;
  background-color: #f6f9d9;
  border-bottom: 7px solid #c1d600;
}

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

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


@media screen and (min-width: 60em) and (max-width:68.75em) {
  .program-tabs .tabs_index li h2:after {
    top: 23px;
  }

  .program-tabs .tabs_index li.active h2:after{
    top: 25px;
  }
}
@media (max-width: 769px) {
	.course-search-advanced legend {
    float: left;
    width: 100% !important;
}
.course-checkbox-col-1, .course-checkbox-col-2 {
    float: left;
    width: 100% !important;
}
.course-search-advanced .course-search {
	width:20% !important;
}
.course-search-input-wrapper {
  position: absolute;
  width: 100%;
  top: -3px;
  z-index: 100;
  padding: 0;
  background: rgba(240, 240, 240, 0.5);
  padding: 1% 1% 0; }

.advanced-open .course-search-submit-arrow:after {
    right: 34px;
    top: 2.3em;
}
.course-search-input-border {
  border-bottom: 1px solid black;
  position: absolute;
  top: 71px;
  margin: 0 1%;
  background: #FFF;
  width: 96%;
  z-index:1000;
}

.setpad {
	padding:20px 0 40px;
}
.course-search-advanced .course-search {
    bottom: 3px;
    float: right;
	margin:auto;
    position: relative;
    right: 40px;
    width: 10%;
}
.course-search-input {
    margin: 0;
    padding: 20px 20.5% 20px 6.5%;
    width: 100%;
}
}

