/* Utilitles - SASS code that does not actually output any styles */
/* Common style snippets */
.blue-theme {
  background: #0052a0;
  color: #98c0e6; }
  .blue-theme h1, .blue-theme h2, .blue-theme h3, .blue-theme h4 {
    color: #98c0e6; }
  .blue-theme a {
    color: #98c0e6; }
  .blue-theme a:hover {
    color: white; }
  .blue-theme ul {
    border-bottom-color: #2770b3;
    border-top-color: #00385e; }
  .blue-theme li {
    border-bottom-color: #00385e;
    border-top-color: #2770b3; }
  .blue-theme input[type="text"],
  .blue-theme input[type="email"],
  .blue-theme input[type="tel"],
  .blue-theme input[type="search"],
  .blue-theme textarea {
    border-width: 1px;
    border-style: solid;
    border-top-color: #00385e;
    border-right-color: #98c0e6;
    border-bottom-color: #98c0e6;
    border-left-color: #00385e; }
  .blue-theme .nav-list a {
    border-bottom-color: #00385e; }
  .blue-theme .nav-list a:before {
    border-bottom-color: #2770b3; }
  .blue-theme button, .blue-theme .form-site-search input[type="submit"], .form-site-search .blue-theme input[type="submit"],
  .blue-theme .xform input[type="submit"],
  .xform .blue-theme input[type="submit"], .blue-theme .button {
    background: #2770b3; }
    .blue-theme button:hover, .blue-theme .form-site-search input[type="submit"]:hover, .form-site-search .blue-theme input[type="submit"]:hover,
    .blue-theme .xform input[type="submit"]:hover,
    .xform .blue-theme input[type="submit"]:hover, .blue-theme .button:hover {
      background-color: #98c0e6;
      color: black; }

/* Styles */
/* Icons */
/* Common icon styling */
.icon {
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  text-decoration: none;
  text-indent: 100%;
  white-space: nowrap; }

.ghficon-facebook,
.ghficon-twitter,
.ghficon-linkedin,
.ghficon-youtube,
.ghficon-instagram {
  background-image: url("../images/ghf/icons-socmedia.png");
  background-size: 120px;
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  padding: 0;
  width: 24px; }

.ghficon-facebook {
  background-position: 0px   0px; }

.ghficon-youtube {
  background-position: -24px   0px; }

.ghficon-linkedin {
  background-position: -48px   0px; }

.ghficon-twitter {
  background-position: -72px   0px; }

.ghficon-instagram {
  background-position: -96px   0px; }

.ghficon-facebook:hover {
  background-position: 0px -24px; }

.ghficon-youtube:hover {
  background-position: -24px -24px; }

.ghficon-linkedin:hover {
  background-position: -48px -24px; }

.ghficon-twitter:hover {
  background-position: -72px -24px; }

.ghficon-instagram:hover {
  background-position: -96px -24px; }

/* Forms */
.form-site-search input[type="text"],
.form-site-search input[type="email"],
.form-site-search input[type="tel"],
.form-site-search .radioSet-horizontal,
.form-site-search textarea,
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="tel"],
.xform .radioSet-horizontal,
.xform textarea {
  box-sizing: border-box;
  display: block;
  margin: 4px 0;
  width: 100%; }
.form-site-search input[type="text"],
.form-site-search input[type="email"],
.form-site-search input[type="tel"],
.form-site-search input[type="search"],
.form-site-search textarea,
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="tel"],
.xform input[type="search"],
.xform textarea {
  border-style: solid;
  border-width: 1px;
  padding: 8px 16px;
  width: 100%; }
.form-site-search textarea,
.xform textarea {
  resize: vertical;
  height: 160px; }
.form-site-search inline > *,
.xform inline > * {
  display: inline-block; }
.form-site-search .radioSet-horizontal,
.xform .radioSet-horizontal {
  overflow: hidden; }
  .form-site-search .radioSet-horizontal label,
  .xform .radioSet-horizontal label {
    float: left; }
  .form-site-search .radioSet-horizontal label + label,
  .xform .radioSet-horizontal label + label {
    margin-left: 16px; }
.form-site-search .form-row,
.xform .form-row {
  margin: 1em 0; }
.form-site-search fieldset,
.xform fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15); }
.form-site-search legend,
.xform legend {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  width: 100%; }
.form-site-search .orientationVertical label,
.xform .orientationVertical label {
  display: block; }

.layout-wrapper {
  overflow: hidden;
  margin: auto;
  max-width: 1020px; }

/*column system for the header and footer ONLY*/
.ghfcol,
.ghfcol-padded {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ghfcol-wrapper,
.ghfcol-padded {
  overflow: hidden;
  padding: 8px; }

.ghfcol-sm-1of1,
.ghfcol-med-1of2,
.ghfcol-lg-1of2,
.ghfcol-lg-1of3 {
  width: 100%; }

.ghfcol-right {
  float: right; }

.ghfcol-left {
  float: left; }

@media all and (min-width: 600px) {
  .ghfcol-med-1of2 {
    width: 50%; } }
@media all and (min-width: 1020px) {
  .ghfcol-lg-1of2 {
    width: 50%; }

  .ghfcol-lg-1of3 {
    width: 33.3333%; } }
@media all and (min-width: 600px) {
  .contentcols-med-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px; }
    .contentcols-med-2 > li {
      display: inline-block;
      width: 100%; } }
/* Hide elements according to viewport width */
@media all and (max-width: 599px) {
  .hide-sm {
    display: none !important; } }
@media all and (min-width: 600px) and (max-width: 1019px) {
  .hide-med {
    display: none !important; } }
@media all and (min-width: 1020px) {
  .hide-lg {
    display: none !important; } }
/* nav */
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .nav a {
    display: block;
    text-decoration: none; }

button, .form-site-search input[type="submit"],
.xform input[type="submit"], .button {
  transition: background-color 0.35s ease;
  background: #0052a0;
  border: 0;
  color: #fff;
  padding: 8px 16px; }
  button:hover, .form-site-search input[type="submit"]:hover,
  .xform input[type="submit"]:hover, .button:hover {
    transition: background-color 0.35s ease; }
  button:hover, .form-site-search input[type="submit"]:hover,
  .xform input[type="submit"]:hover, .button:hover {
    background-color: #98c0e6;
    cursor: pointer; }

.nav-list li {
  padding: 0 0 2px 0; }
  .nav-list li a {
    border-bottom: 1px solid #c8c8c8;
    padding: 4px;
    position: relative; }
  .nav-list li a:before {
    content: " ";
    border-bottom: 1px solid #eaeaea;
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0; }

/* Common typography for header, Menu Panels and footer */
.site-header,
.site-footer,
.menu-panels {
  color: #98c0e6;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }
  .site-header img,
  .site-footer img,
  .menu-panels img {
    width: inherit; }

.site-header-logo img,
.site-header-splash-logo img {
  max-width: 100%;
  width: inherit; }

.site-header-splash-logo {
  display: block;
  margin: 16px auto;
  width: 200px; }

.site-header-splash {
  position: relative; }

.site-header-splash-inner {
  background-color: #0052a0;
  overflow: hidden; }

@media all and (min-width: 599px) {
  .site-header-splash {
    position: absolute;
    min-height: 108px;
    top: 0;
    z-index: 1000;
    width: 100%; }

  .site-header-splash-inner {
    background: none; }

  .site-header-splash-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; } }
.menubar {
  clear: both;
  margin: 16px 16px 4px 16px;
  overflow: hidden; }
  .menubar li {
    float: left; }
  .menubar li + li {
    margin-left: 16px; }
  .menubar a {
    color: white;
    font-size: 17px;
    font-weight: 200;
    text-transform: uppercase; }

.menubar + .menubar {
  margin-top: 8px; }

.utility-nav {
  float: right;
  margin: 0; }

.utility-icon {
  background-image: url("../images/ghf/icons-24-site-nav.png");
  background-size: inherit;
  display: inline-block;
  height: 24px;
  padding: 0;
  width: 24px; }
  .utility-icon a:hover {
    background-color: inherit; }

.utility-icon-menu {
  background-position: -48px 0px; }

.utility-icon-search {
  background-position: 0px 0px; }

.active-utility-icon {
  background-position-y: -24px; }

.menu-panel {
  display: none;
  overflow: hidden;
  padding: 16px; }

.no-js .menu-panel {
  display: block; }

/* footer */
.site-footer {
  clear: both; }
  .site-footer h2, .site-footer .h2 {
    color: black;
    font-size: 17px;
    line-height: 21px; }
  .site-footer h3, .site-footer .h3 {
    font-size: 14px;
    line-height: 13px; }
  .site-footer h4, .site-footer .h4 {
    font-size: 11px;
    line-height: 13px; }
  .site-footer h5, .site-footer .h5,
  .site-footer h6, .site-footer .h6 {
    font-size: 11px;
    line-height: 13px; }
  .site-footer p, .site-footer th, .site-footer td, .site-footer label, .site-footer li, .site-footer dt, .site-footer dl, .site-footer pre, .site-footer button, .site-footer .form-site-search input[type="submit"], .form-site-search .site-footer input[type="submit"],
  .site-footer .xform input[type="submit"],
  .xform .site-footer input[type="submit"] {
    font-size: 11px;
    line-height: 13px; }
  .site-footer p {
    overflow: hidden; }
  .site-footer .inline-list li + li {
    margin-left: 8px; }
  .site-footer .logo-block {
    display: block;
    margin: 1em 0;
    max-width: 220px;
    overflow: hidden;
    text-decoration: none; }
    .site-footer .logo-block img {
      float: left;
      padding-right: 8px; }

a.ghfbtn {
  background: #98c0e6;
  border-radius: 4px;
  color: #0052a0;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  padding: 0 16px;
  vertical-align: top; }

a.ghfbtn:hover {
  background: #fff;
  color: #0052a0; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

/* AAD components (created by UniSA) */
/* AAD masthead */
.masthead,
.masthead--med,
.masthead--lg {
  background-color: #182b46;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #3b86ca;
  display: table;
  min-height: 120px;
  width: 100%; }
  .masthead .ico,
  .masthead--med .ico,
  .masthead--lg .ico {
    display: block; }

.masthead--med,
.masthead--lg {
  min-height: 156px; }

.masthead__inner {
  display: table-cell;
  vertical-align: middle; }

.masthead__title,
.masthead__title--med,
.masthead__title--lg {
  color: #fff;
  font-size: 1.6em;
  margin: 0 auto;
  max-width: 800px;
  padding: 20px;
  text-align: center; }

@media all and (min-width: 37.5em) {
  .masthead--med,
  .masthead--lg {
    min-height: 192px; }

  .masthead__title,
  .masthead__title--med,
  .masthead__title--lg {
    font-size: 2.0em; } }
@media all and (min-width: 48em) {
  .masthead--med,
  .masthead--lg {
    height: 256px; }

  .masthead__title,
  .masthead__title--med {
    font-size: 2.0em; }

  .masthead__title--lg {
    font-size: 3.125em; } }
/* Containers */
.block,
.block--tinted,
.block--tinted-dk {
  overflow: hidden; }

.block--tinted {
  background-color: #f2f5f7; }

.block--tinted-dk {
  background-color: #edeeef; }

.block__inner,
.block__inner--centered {
  box-sizing: border-box;
  margin: 50px auto;
  padding: 0 25px;
  max-width: 1020px; }

.block__inner--centered > * {
  margin-left: auto;
  margin-right: auto; }

.block + .block .block__inner {
  margin-top: 0; }

.splash-text-box {
  padding: 25px; }

/* Styles for use in tinymce */
.editor__img--thumbnail {
  width: 100%; }

@media all and (min-width: 300px) {
  .editor__img--thumbnail {
    float: left;
    margin-right: 16px;
    max-width: 50%;
    width: 160px; } }
.event-header__icon,
.event-header__date,
.event-header__location {
  text-align: center; }

.event-header__icon {
  text-align: center; }

.event-header__icon img {
  height: auto;
  width: 32px; }

.event-header__date {
  font-family: altis_unisaextra_bold;
  color: #182b46;
  display: block;
  font-size: 1.5em;
  margin: 0.5em; }

.event-header__location {
  color: #3b86ca;
  font-size: 18px;
  font-family: altis_unisamedium; }

/*# sourceMappingURL=unisa-aad-styles.css.map */