/*===================================================================================================
  fonts
  ===================================================================================================*/
@font-face {
	font-family: 'worldly';
	src: url("/assets/files/worldlyregular.woff") format("woff"),
    url("/assets/files/worldlyregular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'worldly-light';
  src: url("/assets/files/worldlylight-webfont.woff") format("woff"),
    url("/assets/files/worldlylight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/*===================================================================================================
  header
  ===================================================================================================*/
.deakin-header {
  background-color: #363635;
  color: #fff;
}
.deakin-header a {
  color: #fff;
}
.deakin-header-title {
  color: #fff;
  font-size: 42px;
  line-height: 63px;
  padding: 20px 0;
  margin: 0;
}
.deakin-header-title a:hover, .deakin-header-title a:focus {
  text-decoration: none;
}
.deakin-header-main {
  margin: 0 15px;
  position: relative;
}
.deakin-header-title {
  font-family: 'Worldly-Light', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.deakin-logo {
  position: absolute;
  top: 0;
  right: 0;
}
.deakin-logo-link {
  background-image: url('/assets/files/Deakin_Roundel_Logo.png');
  background-size: 100px auto;
  background-repeat: no-repeat;
  display: block;
  width: 98px;
  height: 90px;
  color: transparent;
  font: 0/0 a;
}
.deakin-header-secondary {
  background-color: #C74298;
  width: 100%;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}
.deakin-header-secondary ul {
  margin: 0 15px;
  list-style-type: none;
  padding-left: 0;
  text-align: right;
  font-size: 11px;
  line-height: 11px;
  position: relative;
}
.deakin-header-secondary .icon-arrow {
	background-image: url('/assets/files/redesign_sprite2x.png');
	background-size: 100px auto;
  width: 20px;
  height: 14px;
  position: absolute;
  right: -4px;
  top: 10px;
  background-repeat: no-repeat;
  background-position: -80px 0;
  transition: right 150ms ease-out;
}
.deakin-header-secondary a {
  text-decoration: none;
  padding: 11px 28px 11px 0;
  display: block;
}
.deakin-header-secondary a:hover {
  color: #d7dfe1;
}
.deakin-header-secondary a:hover .icon-arrow {
  right: -7px;
}
@media screen and (max-width: 800px) {
  #head {
		background-color: #047c91;
    color: #fff;
	}
  #sitename {
    display: block!important;
    
  }
  #sitename a {
    color: #fff;
  }
}

/*===================================================================================================
  overrides
  ===================================================================================================*/
#head {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
}
#sitename {
  display: none;
}
#tagline {
  font-size: 1.1em;
}
#tabs { margin-top: 12px; }

#tabs a        { padding-top: 7px; }
#tabs a.active { padding-top: 10px; }

#sitename {
  font-family: 'Worldly', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  padding-top: 10px;
  font-size: 300%;
}

.navbar-brand {
  display: none;
}

.home-search {
  margin-bottom: 0;
}

.home-intro {
	padding: 2em 0 1em;
  background: #e6e6e6;
  margin-top: -2em;
}

.home-intro strong {
  font-weight: 600;
}

.tiles {
}

.tile {
  padding: 0 3px;
}

.tile a {
  display: block;
  position: relative;
  color: white;
  height: 225px;
  font-size: 1.4em;
  font-weight: 500;
  background-size: cover;
  background-position: center;
}

@media (max-width:992px) { /* md */
  .tile a {
    height: 180px;
    font-size: 1em;
  }
}

@media (max-width:768px) { /* sm */
  .tile a {
    height: 100px;
    font-size: 1.4em;
  }
  .tile a span {
    top: 35%;
  }
}

.tile a::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.tile a:hover::after {
  opacity: 0.7;
}

.tile span {
  position: absolute;
  top: 35%;
	text-align: center;
  width: 100%;
  color: #fff;
  z-index: 1;
}


.tile.exa a {
  background-color: #024551;
  background-image: url(/uploads/sites/6/revamp/banners/8eronh1d.jpeg);
}
.tile.exb a {
  background-color: #04879E;
  background-image: url(/uploads/sites/6/revamp/banners/ksehggrp.jpeg);
}
.tile.exc a {
  background-color: #036677;
  background-image: url(/uploads/sites/6/revamp/banners/ar7n7k9c.jpeg);
}
.tile.exd a {
  background-color: #B20200;
  background-image: url(/uploads/sites/6/revamp/banners/ph6m8ppn.jpeg);
}

#custom_sidebar {
  padding-bottom: 3em;
  margin-bottom: 3em;
  color: #666;
  border-bottom: 1px solid #ccc;
}

#custom_sidebar .col {
  text-align: left;
}

#custom_sidebar ul {
	padding: 0;
  list-style-position: inside;
}