body{background: none; background-size: cover;}
#wrapper{background:none; }

#pageToolsTab{display:none;}
.sys_fullWidth #content {width: 960px; padding:0;}

#pageTitle h1{color: #18194f;}

#homepageimagewrapper {display: block; margin-bottom: 1em; position: relative; width: 100%;}

#homepageimagewrapper img.sys_bannerImage{width: 100%; height: auto;}



/* course search - ulzgw - 2018-12-04 */

#homepageimagewrapper .searchcontainer {background-color: transparent; padding-left:0; padding-right: 0;}

#wrapper .course-search{color: #4a4949; position:relative; height: 64px;}
#wrapper .course-search label{display:none;}
#wrapper .course-search .row{display:inline-block;}
#wrapper .course-search .row.searchbox{width: 62%; position:absolute; left: 0;}
#wrapper .course-search .row.filterbox{width: auto;position:absolute; left: 62%; right: 62px; margin-left: -1px;}
#wrapper .course-search .row.searchicon{position:absolute; right: 0; width: 64px;}
#wrapper .course-search .row.searchbox input{height: 64px;padding: 22px 10px;border: 1px solid #c8c8c8; width: 100%; }
#wrapper .course-search .row.filterbox select{height: 64px;padding: 21px 6px; border: 1px solid #c8c8c8; width: 100%;}

#wrapper .course-search .row input,
#wrapper .course-search .row select{margin: 0; color: #4a4949; font-size: 1.2em; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius:0; border-radius: 0; }
#wrapper .course-search .row.filterbox select{-o-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("/siteelementshomepage/images/icons/svg/icon-dropdown-blue.svg"); background-repeat: no-repeat; background-position: right 15px center; border-radius: 0;}
#wrapper .course-search .row select::-ms-expand {display: none;}

#wrapper .course-search .row.searchicon input{padding: 30px; color: transparent; font-size: 0; border: 2px solid transparent; background: #18194F url("/siteelementshomepage/images/icons/icon-magnifier.png") no-repeat 50%;}
#wrapper .course-search .row.searchicon input:hover{background: transparent url("/siteelementshomepage/images/icons/icon-magnifier-blue.png") no-repeat 50%!important; border-color: #18194F;}







.homepageCTAwrapper{margin-bottom: 0; margin-top: 1em;}

.homepageCTAwrapper .sys_fourColumns .sys_one,
.homepageCTAwrapper .sys_fourColumns .sys_two,
.homepageCTAwrapper .sys_fourColumns .sys_three,
.homepageCTAwrapper .sys_fourColumns .sys_four{border:none; padding: 0; margin-right: 10px; width: 24.2095%;}
.homepageCTAwrapper .sys_fourColumns .sys_four{margin-right: 0;}


.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA{background-color: #007ca7; font-size: 1.5em; padding: 34px 80px 34px 10px;}

.homepageCTAwrapper p{margin: 0;}
.homepageCTAwrapper a span{display:block; height: 0;}

#wrapper .homepageCTAwrapper a.ugStudyCTA{border: 2px solid transparent; text-align:left; background-repeat:no-repeat; margin-bottom: 4px;background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png"); display:block; text-decoration:none; color: #fff; background-color: #18194f; line-height: 1.1em; padding: 34px 66px 34px 10px; background-position: 94% 50%;}
#wrapper .homepageCTAwrapper a.ugStudyCTA:hover{border-color: #18194f; text-decoration:none; color: #18194f; background-color:transparent; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgarrowblackround.png"); } 
.homepageCTAwrapper a.ugStudyCTA.ugStudyEnquiry{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png");}
.homepageCTAwrapper a.ugStudyCTA.ugStudyMortarboard{background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png");}

#socialMediaIcons{position: absolute; top: 20px; right: 20px; z-index: 300;}
#socialMediaIcons img{margin-left: 6px; height: 28px; width: auto;}


#wrapper .sys_banner-wrapper {background: #000;}




/* ***** MOBILE STYLES ***** */
@media only screen and (max-width: 967px) {  
#homepageimagewrapper {height: auto;}
  
.sys_threeColumns .sys_one, 
.sys_threeColumns .sys_two, 
.sys_threeColumns .sys_three {margin-bottom: 14px; margin-left: 0; width: 32.38%;}
  
.homepageCTAwrapper .sys_fourColumns .sys_one,
.homepageCTAwrapper .sys_fourColumns .sys_two,
.homepageCTAwrapper .sys_fourColumns .sys_three,
.homepageCTAwrapper .sys_fourColumns .sys_four{margin-bottom: 14px; margin-left: 0; width: 23.9165%;}
  
.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA{margin-bottom: 0;background-size: 34px; padding: 24px 50px 24px 10px;}



}

@media screen and (max-width: 767px) {
#homepageimagewrapper {float: left; height: 100%;}

  #wrapper .course-search{margin-top: 26px; height: 128px;}
#wrapper .course-search .row.searchbox{width: 100%; position:relative; display:block;}
#wrapper .course-search .row.filterbox{width: auto; left: 0; margin-top: -1px; margin-left: 0; }
#wrapper .course-search .row.searchicon{margin-top: -1px;}
    

a span {display: inline;}
#socialMediaIcons{top: 10px; right: 10px; bottom: auto;}
  
.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA{background-size: 34px; padding: 20px 50px 20px 10px;}
.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA span{display:none;}


}



@media only screen and (max-width: 479px) {
#socialMediaIcons{position: relative; top: 0; right: 0; display:block; background: #005597; padding: 6px;}

}