body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.5;
  color: #333
}

/* #TYPOGRAPHY */
/* Scale is 14px, 16px, 20px, 24px. No deviation from these font sizes */
#pagetitle {
  margin: 0;
  font-size: 1.875em;
  font-size: 34px;
  font-weight: normal;
  color: #B01C2E;
  margin-bottom: 0.75em;
  font-family: Georgia;
  line-height: 1.1;
  letter-spacing: -0.01em
}

.ie6 #pagetitle,
.ie7 #pagetitle {
  background: url(https://www.bristol.ac.uk/media-library/protected/images/pagetitle-back.png) repeat-x bottom left;
  padding: 0 0 .65em 0;
}

#pagetitle:after {
  margin-top: 0.5em;
  content: " ";
  height: 2px;
  border-top: 1px solid #dedcd2;
  border-bottom: 1px solid #dedcd2;
  display: block;
  padding: 0;
  width: 100%;
  margin-top: 0.65em;
}

.page-without-nav #pagetitle:after {
  width: 100%;
}

.small {
  font-size: .875em;
}

.weak {
  color: #666;
}

[class*="btn"] .weak,
[class*="-d-"] .weak,
[class*="-b-"] .weak {
  color: #fff;
  zoom: 1;
  filter: alpha(opacity=7);
  opacity: 0.7;
}

[class*="btn"]:hover .weak,
[class*="-d-"] a:hover .weak,
[class*="-b-"] a:hover .weak {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  filter: alpha(opacity=4);
  opacity: 0.4;
}

.large {
  font-size: 1.5em !important;
  line-height: 1.25em;
  font-family: Georgia !important;
  font-weight: normal;
}

.large.module-heading {
  font-weight: normal !important;
}

.slide-text .large {
  font-size: 30px !important
}

.mega {
  font-size: 1.875em;
  font-size: 34px;
  font-family: Georgia;
  font-weight: normal;
  line-height: 1.2em;
}

h1 {
  color: #B01C2E;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.25em;
}

h2 {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.333em;
  margin: 1.9995em 0 0.6665em 0;
}

/* kill top margin heading at the top of layout-container */
.column>h2 {
  margin-top: 0
}

h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}

.small-heading {
  font-size: 0.875em !important;
  margin: 0 !important;
}

.heading-border

/* for adding double lines to heading when not in module, also reinstates bottom margin */
  {
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 .75em 0;
  margin: 0;
  line-height: 1.142em;
  border-top: 1px solid #dedcd2;
  position: relative;
  color: #86431e;
}

.heading-border:before {
  content: " ";
  height: 1px;
  margin: 2px 0 0.6em 0;
  border-top: 1px solid #dedcd2;
  display: block;
}

p,
ul,
ol,
dl,
form,
blockquote,
pre,
table {
  margin-top: 0;
  margin-bottom: 1.5em;
}

.half-spacing p,
.half-spacing ul,
.half-spacing ol,
.half-spacing dl,
.half-spacing form,
.half-spacing blockquote,
.half-spacing pre,
.half-spacing table {
  margin-bottom: 0.75em !important;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0
}

ol,
ul {
  margin-left: 2em;
  padding-left: 0;
}

.grid_3 ul {
  margin-left: 1.25em;
}

ul {
  list-style-image: none;
  list-style-type: disc;
}

li {
  margin-left: 0;
  padding-left: 0
}

ol {
  list-style-type: decimal;
  list-style-image: none;
}

.list-no-style {
  list-style-type: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

ul.list-half-spacing li {
  margin-bottom: 0.75em;
}

ul.list-full-spacing li {
  margin-bottom: 1.5em;
}

dl {
  overflow: auto;
}

dt {
  float: left;
  width: 30%;
  clear: left;
}

dd {
  float: left;
  margin-left: 10%;
}

pre {
  font-size: 0.875em;
  padding: 1em 2.5%;
  background: #efede9;
}

.force-text-wrap {
  /* css-tricks.com */
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


/* blockquote */
blockquote {
  quotes: "\201C""\201D";
  margin: auto 0;
  padding: 0 0 0 3%;
  font-style: normal;
}

blockquote p:first-child:before {
  content: open-quote;
}

blockquote p:last-child:after {
  content: close-quote;
}

blockquote p:first-child {
  text-indent: -0.3em;
}

.ie6 blockquote p:first-child,
.ie7 blockquote p:first-child {
  text-indent: 0;
}

.quotee {
  color: #666;
  margin: -1.5em 0 1.5em 0;
  padding-right: 2.5em;
  font-size: 14px;
  padding-left: 3%
}

.module-box .quotee {
  padding-left: 0
}

[class*="module-box-"] .quotee,
[class*="module-box-"] .quotee:before {
  color: #fff;
  zoom: 1;
  filter: alpha(opacity=7);
  opacity: 0.7;
  margin: -2.5em 0 1.5em 0;
  padding-left: 0
}



acronym:hover,
abbr:hover {
  cursor: help
}

/* lead in */
.lead-in {
  font-family: Georgia;
  font-size: 18px;
}

.lead-in:after {
  content: " ";
  width: 47.7%;
  display: block;
  border-top: 4px solid #dedcd2;
  margin: 1.5em auto;
  position: relative;
  top: -2px
}

.img-main+.lead-in {
  margin-top: -0.5em
}

.lead-in-no-border:after {
  content: none;
}


/* LINKS */
a:link {
  color: #0F7CA4;
  text-decoration: none;
}

a:visited {
  color: #0F7CA4;
}

a:hover,
a:focus {
  color: #0F7CA4;
  text-decoration: underline;
  outline: none;
}


/* #IMAGES */
img {
  max-width: 100%;
  height: auto;
}

/* images in body area with no grid - align right */
.align-right,
.align-right-no-width {
  float: right;
  margin: 0 0 1.5em 4.5%;
  width: 31.06%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* no width */
.align-right-no-width {
  width: auto;
}

/* align right within grid */
.grid_6 .align-right,
.grid_8 .align-right {
  width: 47.7%;
}

/* putting two side by side */
.grid_6 .align-right.module+.align-right.module,
.grid_8 .align-right.module+.align-right.module {
  margin-left: 0;
}


/* main image at top of page */
.img-main,
.grid_8>img[width="600"][height="250"] {
  max-width: 100%;
  margin-bottom: 1.5em;
}

.grid_8 .module .img-main+.large,
.grid_8 .module img[width="600"][height="250"]+p.large {
  margin-top: 0.25em;
  margin-bottom: 1em;
  padding: 0 !important
}


/* old image styles (to deprecate) */
.image-left-border {
  float: left;
  margin: 0 3.5% 1.5em 0;
  border: 1px solid #dedcd2;
}

.image-left-noborder,
.image-left {
  float: left;
  margin: 0 3.5% 1.5em 0;
}

.image-right-border {
  float: right;
  margin: 0 0 1.5em 3.5%;
  border: 1px solid #dedcd2;
}

.image-right-noborder,
.image-right {
  float: right;
  margin: 0 0 1.5em 3.5%;
}


/* circular image */
.img-circle {
  border-radius: 50%;
  width: 50%;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  left: auto !important;
}



/* circular image aligned right and bottom in module-box */
.module .img-circle-right {
  width: 45%;
  left: auto !important;
  float: right;
  margin-right: -2em;
  margin-top: 0em;
  margin-bottom: -1.25em;
  margin-left: 0.5em;
}

/* putting img within a paragraph in a quote */
.module p .img-circle-right {
  margin-bottom: 0.5em;
}

/* image with caption */
.img-with-caption {
  margin-bottom: 0.75em !important;
  border-bottom: 1px solid #dedcd2;
}

.img-with-caption img {
  margin-bottom: 0.5em;
}

p.caption {
  font-size: 0.875em;
  color: #666;
  margin: 0;
  padding: 0 0.2em 0.5em 0.2em;
}

/* #FORMS */

/* kill */
input {
  /* -webkit-appearance: none; */
}

input,
select,
textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 0.75em;
}

input[type=text],
input[type=email],
input[type=button],
input[type=submit],
textarea,
select {
  font-size: .875em;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  padding: .4em .5em;
  border: 1px solid #dedcd2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input[type=button],
input[type=submit] {
  font-family: Arial, Helvetica, sans-serif;
  background: #b01c2e;
  padding: .5em 1em;
  border: 1px solid #b01c2e;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  /*
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
}

/* checkbox/radio wrapped in label */
label input[type=checkbox],
label input[type=radio] {
  float: left;
  margin-right: 0.5em;
  position: relative;
  top: 0.2em
}

/* nasty */
.scoped-google-search input[type="checkbox"],
.scoped-google-search input[type="radio"] {
  float: none !important;
}


input[type=button].weak,
input[type=submit].weak {
  border: 1px solid #dedcd2;
  background: #efede9;
  color: #333;
}

input[type=button].weak:hover,
input[type=button].weak:focus,
input[type=submit].weak:hover,
input[type=submit].weak:focus {
  border: 1px solid #dedcd2;
  background: #fff;
  color: #333;
}

input[type=submit]:hover,
input[type=submit]:focus {
  background: #161b20;
  border-color: #161b20;
}

fieldset {
  margin: 0 0 .75em 0;
  padding: 0;
  border: 0;
}

legend {
  margin-bottom: 0.75em
}

select optgroup {
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.75em;
}

/* headings in forms, revert to normal margins */
form h2 {
  margin: 1.333em 0 1.333em 0;
}

form h3,
form h4,
form h5,
form h6 {
  margin-bottom: 1.5em;
}

/* by default labels display above form fields */
label {
  margin-bottom: 0.25em;
  display: inline-block;
}


.form-base label {
  font-size: 16px;
  font-weight: bold;
  display: block
}

.form-base input[type=text],
.form-base textarea,
.form-base select {
  width: 100%;
  display: block;
}

.form-base input[type=text]+label,
.form-base textarea+label,
.form-base select+label,
.form-base input[type=text]+fieldset,
.form-base textarea+fieldset,
.form-base select+fieldset {
  margin-top: 1.25em
}

.form-base label .form-note,
.form-base legend .form-note {
  display: block;
  font-size: 14px;
  color: #666;
  font-weight: normal;

}

.form-base .form-op-req {
  font-weight: normal;
  color: #666;
  font-size: 14px;
  font-style: italic;
}


/* fieldsets */
.form-base fieldset {
  margin-bottom: 1.5em;
}

.form-base fieldset[class*="bg-"] {
  padding: 1em;
}

.form-base fieldset legend {
  font-size: 16px;
  font-weight: bold;
  float: left;
  display: block;
  width: 100%;
}


.form-base .fieldset-base legend:before {
  content: " ";
  display: block;
  height: 2px;
  border-top: 1px solid #dedcd2;
  border-bottom: 1px solid #dedcd2;
  margin-bottom: 0.5em
}

.ie9 #uobcms-content>.form-base .fieldset-base legend:before,
.ie9 .grid_12>.form-base .fieldset-base legend:before {
  width: 100%
}

.form-base .fieldset-base[class*="bg-"] legend:before {
  content: none;
}


/* radio */
.form-base input[type=radio],
.form-base input[type=checkbox] {
  float: left;
  margin: 0.25em 0.25em 0 0;

}

.form-base input[type=radio]+label,
.form-base input[type=checkbox]+label {
  font-weight: normal
}


/* form width */
#uobcms-content>.form-base,
#uobcms-content .grid_12>.form-base {
  width: 65.086%
}


#uobcms-content .grid_8>.form-base {
  width: 100%
}

/* misc forms */
label+input[type=submit] {
  margin-top: 1.5em
}

/* #TABLES */
.table-basic {
  width: 100%;
  border-top: 1px solid #dedcd2;
  margin-bottom: 1.7142em;
  font-size: 0.875em;
}


.table-basic td,
.table-basic th {
  text-align: left;
  padding: 0.5em 1em;
  border-bottom: 1px solid #dedcd2;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.table-basic th {
  background-color: #efede9;
}

caption {
  font-style: italic;
  margin-bottom: 0.75em;
}

/* table with no style */
.table-no-style {
  border: 0;
}

.table-no-style td,
.table-no-style th {
  padding: 0;
  border: 0;
}

.table-no-style th {
  background-color: transparent !important;
}

/* striped table */
.table-striped tr th {
  background-color: #efede9;
}

.table-striped tr:nth-of-type(even) td {
  background-color: #efede9;
}

/* solid table */
.table-solid tr,
.table-solid th,
.table-solid td {
  background-color: #efede9;
}

/* content styling in table */
table p,
table ol,
table ul,
table ol,
table form {
  margin-bottom: 0.75em;
}

#programme-summary th {
  width: 40%;
}


/* #SKIP TO CONTENT */
.skip-to-content {
  position: absolute;
  left: -999px;
  background: #B01C2E;
  color: white !important;
  display: block;
  padding: 0.7em;
  font-size: .875em;
  z-index: 999;
}

.skip-to-content:focus {
  left: 48%;
  text-decoration: none;
  top: 16px;
}

div:focus {
  border: 0;
  outline: none;
}


/* #CONTENT SCROLL Apply to a parent div containing wide content that stretches beyond main content area - eg table*/
.content-scroll {
  width: 100%;
  overflow: auto
}


/* HIDDEN */
.hidden {
  display: none;
  visibility: hidden
}

/* #MASTER WIDTH AND CENTERING */
.width-master {
  margin: 0 auto;
  max-width: 1150px;
  min-width: 967px;
}

#uobcms-wrapper,
.uob-mega-footer,
.feedback-container,
.uob-header {
  padding: 0 2.08%;
}



/* #CLEARFIX */
.clearfix:after,
.layout-container:after,
.module-horizontal:after,
#uobcms-wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix,
* html .layout-container,
* html .module-horizontal {
  zoom: 1;
}

:first-child+html .clearfix,
:first-child+html .layout-container,
:first-child+html .module-horizontal {
  zoom: 1;
}


/* #MAINNAV  */

.uob-mainnav-container {
  background: #161b20;
}

.uob-mainnav {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  background: #161b20;
  z-index: 510;
  /* needed to put whole nav above menu-off */
  position: relative
}

.uob-mainnav>li {
  display: block;
  position: relative;
  border-right: 1px solid #505458;
  float: left;
}

.uob-mainnav>li>a,
.uob-mainnav>li>a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.7em 0.95em;
  position: relative;
  z-index: 10;
  display: block;
  font-size: .875em;
}

.uob-mainnav>li>a:hover,
.uob-mainnav>li>a:focus {
  outline: none;
  background: #393d41;
}

.u-m-home {
  border-left: 1px solid #505458;
}



/* DROPDOWN FOR MAINNAV */

/* displaying dropdown */
.uob-mainnav div.dropdown {
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  position: absolute;
  left: -9999px;
  z-index: 1000 !important;
  /* transition on show*/
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  transition: opacity 0.7s;
  /* hide */
  opacity: 0;
  -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
}


.uob-mainnav>li div.dropdown.display {
  left: 0;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translateZ(0px);
}

/* styling for dropdown */

.uob-mainnav>li>a.u-m-dropdown-link {
  padding-right: 1.4em;
}

.u-m-dropdown-link:after {
  content: "\e013";
  color: #e5a310 !important;
  position: absolute;
  right: 0.1em;
  top: 0.65em;
  font-size: 18px;
}


.u-m-dropdown-link:hover {
  cursor: pointer
}

.u-m-link-active,
.u-m-link-active:hover,
.u-m-link-active:focus {
  background-color: white !important;
  color: #333 !important;
}


/* screen overlay */
.screen-overlay {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.75;
  z-index: 500 !important;
  cursor: pointer;
}

/* dropdown panel, this needs simplifying at some stage */
.dropdown {
  /* display: none; */
  margin-left: -1px;
  border-top: 0;
  z-index: 100;
  background: #fff;
  width: 800px;
  padding: 1.5em 0 1.5em 1.4em;
}


.dropdown-university {
  width: 534px;
  padding-bottom: 0;
}

.dropdown-university .layout-container {
  margin-bottom: 0
}

.column-university-related {
  margin: 1.5em 0 0 -1.4em
}

.column-university-related .module {
  float: left;
  width: 50%;
  margin: 0 0 0.5em 0;
}

.column-university-related .module-heading {
  padding: 0
}

.dropdown-study {
  padding: 0 0 0 1.4em;
}

.dropdown .row {
  overflow: visible;
  margin-bottom: 0
}

.dropdown .layout-container {
  margin-bottom: 0 !important;
}

.dropdown .grid_4 {
  float: left;
  width: 30% !important;
  margin-left: 0 !important;
  padding-right: 3%;
}

.dropdown-study .grid_4 {
  padding-top: 1.5em;
  padding-bottom: 0;
}

.dropdown .module-overlay {
  margin: 0 !important;
}

.dropdown .module-heading {
  padding-bottom: 0 !important;
}

.dropdown .column-study-related {
  padding: 0 !important;
  width: 34% !important;
  float: right !important;
}

.column-study-related .module-heading {
  padding: 0
}

.dropdown-study .layout-container {
  margin: 0;
}

.dropdown h2 {
  margin: 0 0 0.25em 0;
  font-size: 1em;
}

.dropdown h2 a:hover {
  text-decoration: underline;
}

.dropdown ul .btn {
  margin-top: 0.5em;
  line-height: 1.5;
  position: relative;
  left: -2%;
}

.dropdown ul .btn:hover {
  text-decoration: none !important;
}

.dropdown h2,
.dropdown h2 a {
  color: #333
}

.dropdown li {
  float: none;
  border-right: 0;
}

.dropdown a {
  text-decoration: none;
  display: block;
}

.dropdown .list-no-style {
  line-height: 1.714em;
  font-size: 0.875em;
}





/* #HEADER */
.uob-header-container {
  background: #FFF;
  color: #333;
  min-height: 95px;
  border-bottom: 1px solid #dedcd2;
  -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
  margin-bottom: 2.75em;
  position: relative;
  z-index: 505;
}

.uob-header {
  position: relative;
  overflow: auto;
  min-height: 107px;
}

.uob-header-container:before {
  content: "";
  height: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.uob-header-container:after {
  content: "";
  height: 1px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%
}

/* turn off, only on for dept colour schemes */
.uob-header-container:before,
.uob-header-container:after {
  display: none;
  visibility: hidden;
}

/* #UOB LOGO */
#uoblogo {
  width: 18.3%;
  float: left;
  margin-top: 0.4em
}

#uoblogo span {
  background-image: url("https://www.bristol.ac.uk/styles/t4/responsive/uob-logo.svg");
  background-repeat: no-repeat;
  background-position: 50% 65%;
  display: block;
  width: 100%;
  float: left;
  height: 84px;
  text-indent: -2000px;
}

#uoblogo a:hover span,
#uoblogo a:focus span {
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/* USER NAV */
.nav-users {
  position: absolute;
  right: 3.4%;
  top: 0.75em;
  margin: 0;
  font-size: 14px;
  z-index: 5000;

}

.nav-users li {
  display: inline-block;
  margin: 0;
  color: #dedcd2
}

.nav-users a {
  display: inline-block;
  padding: 0.6em 0.5em 0.6em 0.5em;
  color: #333;
}


.nav-students:after,
.nav-staff:after {
  content: "/" !important
}

.nav-alumni:after {
  content: none !important
}

/* #MAINTITLE */
.maintitle {
  margin-left: 19.4945%;
  padding-left: 1.1945%;
  border-left: 1px solid #fff;
  margin-right: 20%;
}

.maintitle #title1 {
  font-family: Georgia;
  display: block;
  font-weight: normal;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
  color: #333;
  /* new */
  font-size: 24px;
}

#maintitle1 {
  margin-top: 2.1em;
  margin-bottom: 1.15em;
  padding-top: 0.5em;
  padding-bottom: 0.75em;
}

#maintitle1 #title1 {
  line-height: 1.2em;
}

#maintitle2 {
  margin-top: 1.6em;
  margin-bottom: 1.0em;
}

#maintitle2 #title2 {
  padding: 0;
  margin: 0;
  font-size: .875em;
  text-transform: none;
  font-weight: normal;
  color: #333;
}

#maintitle2 .hide {
  display: none;
  visibility: hidden;
}

#maintitle2 #title1 {
  top: 0;
  margin: 0;
  padding: 0;
  line-height: 1.2em
}

.maintitle a,
.maintitle a:visited {
  color: #333;
  text-decoration: none;
}

.maintitle a:hover,
.maintitle a:focus {
  color: #333;
  text-decoration: underline;
  background-color: transparent;
  outline: none;
}

#maintitle2 #title2 a {
  color: #666;
}

/* #SEARCH */
.uob-search {
  position: absolute;
  right: 3.8%;
  top: auto;
  bottom: 0.75em;
  margin: 0;
  padding: 0;
}

.uob-search-field {
  font-size: .875em !important;
  font-family: Arial, Helvetica, sans-serif;
  padding: .45em;
  color: #666;
  border: 1px solid #dedcd2;
  width: 10em;
  line-height: 14px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  -moz-transition: width 0.5s ease-out;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  background-repeat: no-repeat;
  background-position: center;
}


.uob-search-field:focus {
  width: 15em;
  -moz-transition: width 0.5s ease-out;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}

input.uob-search-button {
  font-size: .875em !important;
  font-family: Arial, Helvetica, sans-serif;
  background: #b01c2e;
  padding: .4em 0;
  width: 5em;
  border: 2px solid #b01c2e;
  line-height: 14px;
  color: #FFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0 !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding !important;
  background-clip: padding-box !important;
  margin-left: -1px !important;
}


input.uob-search-button:hover,
input.uob-search-button:focus {
  background: #000;
  border-color: #000;
}

.ie6 input[type=submit],
.ie7 input[type=submit],
.ie8 input[type=submit] {
  padding: .4em 0;
  border: 0px;
}



/* #FEEDBACK */

.feedback-container {
  clear: both;
  position: relative;
  z-index: 1;
}

.page-feedback {
  margin-top: 1.5em;
  border-top: 1px solid #dedcd2;
  padding-top: .5em;
}

.page-with-nav .page-feedback {
  margin-left: 20.823%;
}

.page-feedback>p {
  margin: 0;
}

.page-feedback>p>a {
  text-decoration: none;
  color: #666;
}

a.icon-feedback:after {
  content: "\e008";
  margin-left: 0.5em;
  color: #beb9a6;
}

a.icon-feedback:hover:after,
a.icon-feedback:focus:after {
  color: #b01c2e;
}

.page-feedback a:hover,
.page-feedback a:focus {
  outline: none;
}


/* feedback popup */
.feedback-popup {
  position: relative;
  padding-top: 0.5em;
}

.feedback-popup .icon-close {
  position: absolute !important;
  top: 1.6em;
  right: 0;
}


/* #FOOTER (new) */
.uob-mega-footer-container {
  margin-top: 3em;
  font-size: .875em;
  line-height: 1.714;
  background: #161b20;
  color: #ddd;
}


.uob-mega-footer-col {
  min-height: 25em;
  width: 19.811%;
  float: left;
  margin-left: 2.389%;
  padding: 1.714em 1% 0 2.389%;
  background: url(https://www.bristol.ac.uk/media-library/protected/images/uob-mega-footer-col-border.png) repeat-y top left;
}



.ie6 .uob-mega-footer-col,
.ie7 .uob-mega-footer-col,
.ie8 .uob-mega-footer-col {
  width: 19.425%;
  margin: 0 0 0 2.5%;
  padding: 1.714em 1% 2.571em 2.5%;
}

.uob-mega-footer .uob-mega-footer-col:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

.page-with-nav .uob-mega-footer-col {
  width: 21.087%;
  margin-left: 2.389%;
  padding: 1.714em 1% 2.571em 2.434%;
}

.page-with-nav .uob-mega-footer-col:first-child {
  width: 15.045%;
}

.uob-mega-footer h4 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: #e5a310;
}

.uob-mega-footer h4 a {
  color: #e5a310;
  text-decoration: none;
}


.uob-mega-footer ul,
.uob-mega-footer p {
  margin: 0 0 0.857em;
  padding: 0;
}

.uob-mega-footer li {
  margin: 0;
  list-style-type: none;
}

.uob-mega-footer a {
  color: #ddd;
  text-decoration: none;
}

.uob-mega-footer a:hover,
.uob-mega-footer a:focus {
  text-decoration: underline;
  outline: none;
}

ul.uob-mega-footer-a-z {
  margin-top: .5em;
}

.uob-mega-footer-a-z li {
  float: left;
}

.uob-mega-footer-a-z a {
  background: #393d41;
  display: block;
  padding: .25em;
  margin: 0 .4em .5em 0;
  width: 1.45em;
  font-size: .85em;
  text-align: center;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: 1px solid #393d41;
}

.uob-mega-footer-a-z a:hover,
.uob-mega-footer-a-z a:focus {
  background: #161b20;
  text-decoration: none;
}

.uob-mega-footer-a-z a.see-all {
  width: 4em;
}

.uob-mega-footer-col-4

/* making last column wider */
  {
  width: 23%
    /* eyeballed */
  ;
  padding-right: 0;
}

.page-with-nav .uob-mega-footer-col-4

/* making last column wider */
  {
  width: 25%
    /* eyeballed */
  ;
  padding-right: 0;
}



/* #UOBCMS WRAPPER AND CONTENT CONTAINERS */
#uobcms-wrapper {
  clear: both;
  min-height: 1%;
  overflow: visible;
  position: relative;
}

#uobcms-content,
#uobcms-content-nonav {
  height: 1%;
  padding: 0;
  min-height: 20em;
}

#uobcms-content {
  margin-left: 20.823%;
}

hr {
  height: 1px;
  border: none;
  color: #dedcd2;
  background-color: #dedcd2;
}


.column hr+h2 {
  margin-top: 1em;
}

.module-box hr {
  width: 112%;
  margin-left: -6%;
  margin-top: 0.75em;
  display: block;
}

/* same as borders on list links */
[class*="module-box-"] hr {
  color: #bbb;
  color: rgba(255, 255, 255, 0.3) !important;
  background-color: #bbb;
  background-color: rgba(255, 255, 255, 0.3) !important;
}

[class*="module-box-tint"] hr {
  color: rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}



/* #BREADCRUMBS */
#breadcrumbs,
#breadcrumbs-nonav {
  margin: 0;
  padding: .4em 0 0.5em 0;
  font-size: .875em;
  color: #666;
  /* new */
  padding: 0.25em 0 0.5em 0;

}

#breadcrumbs {
  margin: 0 0 0 20.823%;
  /* new */
  margin: 0 0 0 21%;
}

#breadcrumbs a,
#breadcrumbs-nonav a,
#breadcrumbs a:visited,
#breadcrumbs-nonav a:visited {
  color: #666 !important;
  text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
  text-decoration: underline;
  outline: none;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"],
#breadcrumbs a[href="http://www.bristol.ac.uk/"],
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"],
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"] {
  display: inline-block;
  width: 1em;
  height: 1.25em;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  top: 0.2em;
  margin-right: 0.25em
}

.ie6 #breadcrumbs a[href="http://www.bris.ac.uk/"],
.ie7 #breadcrumbs a[href="http://www.bris.ac.uk/"],
.ie6 #breadcrumbs a[href="http://www.bristol.ac.uk/"],
.ie7 #breadcrumbs a[href="http://www.bristol.ac.uk/"],
.ie6 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"],
.ie7 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"],
.ie6 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"],
.ie7 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"] {
  display: inline;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: nowrap;
  position: static;
  margin-right: 0;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"]:before,
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:before,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:before,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:before {
  content: "\e000" !important;
  color: #beb9a6;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"]:hover:before,
#breadcrumbs a[href="http://www.bris.ac.uk/"]:focus:before,
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover:before,
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus:before,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover:before,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus:before,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover:before,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus:before {
  color: #b01c2e !important;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"]:hover,
#breadcrumbs a[href="http://www.bris.ac.uk/"]:focus,
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover,
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus {
  text-decoration: none;
}

.ie6 #breadcrumbs a[href="http://www.bris.ac.uk/"]:hover,
.ie7 #breadcrumbs a[href="http://www.bris.ac.uk/"]:hover,
.ie6 #breadcrumbs a[href="http://www.bris.ac.uk/"]:focus,
.ie7 #breadcrumbs a[href="http://www.bris.ac.uk/"]:focus,
.ie6 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover,
.ie7 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover,
.ie6 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus,
.ie7 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus,
.ie6 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover,
.ie7 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover,
.ie6 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus,
.ie7 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus,
.ie6 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover,
.ie7 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover,
.ie6 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus,
.ie7 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus {
  text-decoration: underline;
}

/* slight text indent for breadcrumbs on no nav page
  #breadcrumbs-nonav {
  margin-left: 0.8%;
  }  */

/* #LEFT COL HOLDING SIDENAV */
#uobcms-col1 {
  float: left;
  font-size: .875em;
  padding: 6.2em 0 0 0;
  /* moving it down */
  padding: 6.6em 0 0 0;
  /* moving it down */
  margin-bottom: 1.5em;
  width: 80%;
  /*width: 18.434%;*/
}

/* #SIDENAV */
.navtitle {
  border-bottom: 0 !important;
  margin: 0;
  font-weight: bold;
  color: #333 !important;
  text-transform: none !important;
  position: relative;
  position: absolute;
  width: 18%;
}


.navtitle a,
.navtitle span.currentsection {
  text-decoration: none;
  color: #333;
  position: absolute;
  bottom: 0;
  padding-left: 10px;
  margin-bottom: 1.6em;
  font-weight: bold;
  font-weight: normal;
  line-height: 18px;
}


.navtitle a:hover,
.navtitle a:focus {
  color: #333;
  outline: none;
}


.navgroup {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: none;
  border-top: 1px solid #dedcd2;
}


.navgroup li {
  list-style-type: none;
  list-style-image: none;
  border-bottom: 1px solid #dedcd2;
  border-top: 0;
  padding: 0;
  margin: 0;
  background-color: #efede9;
  line-height: 1.5;
}

.navgroup li a {
  display: block;
  margin: 0;
  padding: .5em 5%;
  width: 100%;
  color: #333;
  text-decoration: none;

}



.navgroup li a:visited {
  color: #333;
}

.navgroup li a:hover,
.navgroup li a:focus {
  background-color: #fff;
  color: #333;
  outline: none;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.navgroup span.currentsection {
  display: block;
  margin: 0;
  padding: .5em 5%;
  width: 100%;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  font-weight: bold;
}



.navgroup ul {
  margin: 0;
  background-color: #fff;
  padding: 0;
  border: 0;
}

.navgroup ul li {
  list-style-type: none;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #dedcd2;
}

.navgroup ul li a {
  background: #fff url(https://www.bristol.ac.uk/media-library/protected/images/subnav-square.png) no-repeat 5% 1.15em;
  padding: .5em 5% .5em 10%;
  width: 85%;
}

.navgroup ul li a:hover,
.navgroup ul li a:focus {
  background-color: #fff;
  color: #333;
  text-decoration: underline;
}

.navgroup ul span.currentsection {
  color: #333;
  background: #fff url(https://www.bristol.ac.uk/media-library/protected/images/subnav-square.png) no-repeat 5% 1.15em;
  padding: .5em 5% .5em 10%;
  font-weight: bold;
}

.navgroup ul ul {
  margin: 0;
  padding: 0;
  border-top: 0;
}

.navgroup ul ul li {
  color: #333;
  list-style-type: none;
  border-bottom: 0;
  border-top: 1px solid #dedcd2;
}

.navgroup ul ul li a {
  background: #fff url(https://www.bristol.ac.uk/media-library/protected/images/subnav-square.png) no-repeat 10% 1.15em;
  padding: .5em 5% .5em 16%;
}

.navgroup ul ul li a:hover {
  background-color: #fff;
  color: #333;
  text-decoration: underline;
}

.navgroup ul ul li span.currentsection {
  color: #333;
  background: #FFF url(https://www.bristol.ac.uk/media-library/protected/images/subnav-square.png) no-repeat 10% 1.15em;
  padding: .5em 5% .5em 16%;
  font-weight: bold;
}

/* #INTRANET (in navgroup) */
.navgroup li a[href^="https://www.bris.ac.uk"],
.navgroup li a[href^="https://www.bristol.ac.uk"],
.navgroup a[href$=".rss"] {
  position: relative;
  padding: .5em 15% .5em 5%;
  width: 80%;
}

.navgroup ul li a[href^="https://www.bris.ac.uk"],
.navgroup ul li a[href^="https://www.bristol.ac.uk"],
.navgroup ul li a[href$=".rss"] {
  padding: .5em 15% .5em 10%;
  width: 75%;
}

.navgroup ul ul li a[href^="https://www.bris.ac.uk"],
.navgroup ul ul li a[href^="https://www.bristol.ac.uk"],
.navgroup ul ul li a[href$=".rss"] {
  padding: .5em 15% .5em 17%;
  width: 68%;
}

.navgroup a[href^="https://www.bris.ac.uk"]:after,
.navgroup a[href^="https://www.bristol.ac.uk"]:after {
  content: "\e009";
  right: 0.4em;
  top: 0.65em;
  position: absolute;
  color: #beb9a6;
}

[class*="module-box"] a[href^="https://www.bris.ac.uk"]:after,
[class*="module-box"] a[href^="https://www.bristol.ac.uk"]:after {
  color: #fff;
}


.ie6 .navgroup a[href^="https://www.bris.ac.uk"],
.ie7 .navgroup a[href^="https://www.bris.ac.uk"],
.ie6 .navgroup a[href^="https://www.bristol.ac.uk"],
.ie7 .navgroup a[href^="https://www.bristol.ac.uk"] {
  background: url(https://www.bristol.ac.uk/media-library/protected/images/intranet-icon-ie.gif) no-repeat 95% center;
}

.navgroup a[href^="https://www.bris.ac.uk"]:hover:before,
.navgroup a[href^="https://www.bristol.ac.uk"]:hover:before,
.icon-padlock:hover:before {
  content: "University access only";
  right: -11.5em;
  top: -0.75em;
  width: 10em;
  position: absolute;
  color: #333;
  background: white;
  border: 1px solid #dedcd2;
  color: #333;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  padding: 0.25em 0.5em;
  z-index: 1000;
}


.navgroup a[href^="https://www.bris.ac.uk"]:hover:after,
a[href^="https://www.bris.ac.uk"].btn:hover:after,
.navgroup a[href^="https://www.bris.ac.uk"]:focus:after,
a[href^="https://www.bris.ac.uk"].btn:focus:after,
.navgroup a[href^="https://www.bristol.ac.uk"]:hover:after,
a[href^="https://www.bristol.ac.uk"].btn:hover:after,
.navgroup a[href^="https://www.bristol.ac.uk"]:focus:after,
a[href^="https://www.bristol.ac.uk"].btn:focus:after {
  color: #b01c2e;
}

.navgroup a[href$=".rss"]:after {
  content: "\e00b";
  right: 0.4em;
  top: 0.8em;
  position: absolute;
  color: #beb9a6;
  font-size: 0.85em;
}


/* content snippets after nav (logos, boxes, etc) */
.after-navgroup {
  margin-top: 1.5em;
}

.after-navgroup .module ul,
.after-navgroup .module p,
.after-navgroup .module ol,
.after-navgroup .module dl {
  font-size: 1em;
}


.after-navgroup .list-social-media {
  margin-top: 0.25em;
  margin-left: 0.25em;
}

.after-navgroup .list-social-media a {
  color: #333;
}

.after-navgroup .list-social-media li {
  float: none;
  clear: left;
  padding-top: 0.4em
}


.module-social {
  position: relative;
}

.module-social-ad p {
  padding-right: 40px !important;
}

.module-social-ad .module-heading {
  position: static !important;
}

.module-social-ad [class*="icon-"]:after {
  font-size: 40px;
  position: absolute;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 0.3em;
  background: #fff;
  right: -0.25em !important;
  top: auto !important;
  bottom: -0.25em !important;
}

.module-social-ad .icon-twitter:after {
  content: "\e005" !important;
}

.module-social-ad .icon-facebook:after {
  content: "\e004" !important;
}

.module-social-ad .icon-youtube:after {
  content: "\e006" !important;
}

.module-social-ad .icon-linkedin:after {
  content: "\e007" !important;
}

.module-social-ad .icon-instagram:after {
  content: "\e604" !important;
}

.nav-intranet {
  position: absolute;
  bottom: -5.55em;
  left: 20.823%;
  z-index: 12;
  margin-left: 8em;
  padding: 0.5em 1em
}

.nav-intranet a {
  color: #666;
  display: inline-block;
  margin-right: 1em
}

.nav-intranet.icon-padlock a {
  margin-right: 0.25em !important
}

.nav-intranet a:hover,
.nav-intranet a:focus {
  cursor: pointer;
  text-decoration: none;
  background: #fff;
  border-color: #dedcd2;
}

.nav-intranet a:hover:after,
.nav-intranet a:focus:after {
  color: #b01c2e
}


.logo-additional {
  margin-bottom: 1.5em;
}

#uobcms-col1 .module-box {
  padding-left: 5%;
  padding-right: 5%;
}

#uobcms-col1 form {
  font-size: 1em
}

/* for use at bottom of a homepage */
.logo-multiple {
  overflow: auto;
  border-top: 1px solid #dedcd2;
  padding-top: 0.6em;
  margin-top: 1.5em;
}



.logo-multiple h2,
.logo-multiple h3,
.logo-multiple h4 {
  margin-bottom: 1em;
  font-size: 16px;
  font-weight: bold
}

.logo-multiple li {
  display: inline-block;
  margin: 0 1.5em 0.75em 0;
  vertical-align: top;
}

/* when in body area of homepage */
.logo-partner {
  margin-bottom: 0.75em
}




/* #GRID */
/* gutters are equivalent to 28px at max width */

.grid_1 {
  width: 6.14%;
}

.grid_2 {
  width: 14.67%;
}

.grid_3 {
  width: 23.2%;
}

.grid_4 {
  width: 31.74%
}

.grid_5 {
  width: 40.27%;
}

.grid_6 {
  width: 48.8%;
}

.grid_7 {
  width: 57.330%;
}

.grid_8 {
  width: 65.870%;
}

.grid_9 {
  width: 74.400%
}

.grid_10 {
  width: 82.930%;
}

.grid_11 {
  width: 91.460%;
}

.grid_12 {
  width: 100%;
}

.column {
  margin: 0 0 0 2.389%
    /* gutter */
  ;
  float: left;
  display: inline;
  /* overflow: hidden; */
}

/* reducing all grid widths by 0.2em for IE  to prevent float drop */
.ie6 .grid_1,
.ie7 .grid_1,
.ie8 .grid_1 {
  width: 6.05%;
}

.ie6 .grid_2,
.ie7 .grid_2,
.ie8 .grid_2 {
  width: 14.383%;
}

.ie6 .grid_3,
.ie7 .grid_3,
.ie8 .grid_3 {
  width: 22.925%;
}

.ie6 .grid_4,
.ie7 .grid_4,
.ie8 .grid_4 {
  width: 31.466%
}

.ie6 .grid_5,
.ie7 .grid_5,
.ie8 .grid_5 {
  width: 41.467%
}

.ie6 .grid_6,
.ie7 .grid_6,
.ie8 .grid_6 {
  width: 48.55%;
}

.ie6 .grid_7,
.ie7 .grid_7,
.ie8 .grid_7 {
  width: 56.05%
}

.ie6 .grid_8,
.ie7 .grid_8,
.ie8 .grid_8 {
  width: 64.383%
}

.ie6 .grid_9,
.ie7 .grid_9,
.ie8 .grid_9 {
  width: 72.717%
}

.ie6 .grid_10,
.ie7 .grid_10,
.ie8 .grid_10 {
  width: 81.05%
}

.ie6 .grid_11,
.ie7 .grid_11,
.ie8 .grid_11 {
  width: 89.383%
}

.ie6 .grid_12,
.ie7 .grid_12,
.ie8 .grid_12 {
  width: 99.8%
}

.row {
  margin: 0;
  overflow: auto;
  width: 100%;
}

.row .column:first-child {
  margin-left: 0% !important
}

.layout-container {
  margin: 0 0 0.75em 0;
  /* overflow: auto;  removed to allow some boxes to overflow. Have set clearfix on layout-container */
  width: 100%;
}

/* grid for pages with left nav */
.page-with-nav .grid_1 {
  width: 5.495%;
}

.page-with-nav .grid_2 {
  width: 14%;
}

.page-with-nav .grid_3 {
  width: 22.52%;
}

.page-with-nav .grid_4 {
  width: 31.03%;
}

.page-with-nav .grid_5 {
  width: 39.54%;
}

.page-with-nav .grid_6 {
  width: 48.06%;
}

.page-with-nav .grid_7 {
  width: 56.57%;
}

.page-with-nav .grid_8 {
  width: 65.086%;
}

.page-with-nav .grid_9 {
  width: 73.59%
}

.page-with-nav .grid_10 {
  width: 82.11%;
}

.page-with-nav .grid_11 {
  width: 90.625%;
}

.page-with-nav .grid_12 {
  width: 99.13%;
}


.page-with-nav .column {
  margin: 0 0 0 3.0172%
    /* gutter */
  ;
  float: left;
  display: inline;
}

/* nested grids
  grid_4 within a grid_8 */


.page-with-nav .grid_8 .grid_6 {
  width: 47.722%;
  margin: 0 0 0 4.5% !important
    /* fudge*/
  ;
}

.page-with-nav .grid_8 .row .column:first-child {
  margin-left: 0 !important
}

/* grid_4 within grid_9 (landing page) */
.page-without-nav .grid_9 .grid_4 {
  width: 31.22%;
  margin: 0 0 0 3.1%;
}

.page-without-nav .grid_9 .row .column:first-child {
  margin-left: 0 !important
}

.layout-container .layout-container .module-box {
  padding-left: 5%;
  padding-right: 5%;
}



/* using lists for grid layout - TO BE IMPLEMENTED LATER 
  By default 3 cols wide 
  Numbers are fudged*/


.layout-modules {
  overflow: auto;
  margin: 0 -1.445% !important;
}

.layout-modules .module {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.2%;
  margin: 0 1.445% 1.5em 1.445%;
  list-style-type: none;
  list-style-image: none;
}

.grid_8 .layout-modules {
  margin: 0 -2% !important;
}

.grid_8 .layout-modules .module,
.grid_8 .layout-modules li {
  width: 46.0% !important;
  margin: 0 2% 1.5em 2% !important;
}

.grid_8 .layout-modules .module:nth-child(odd) {
  clear: left;
}

.grid_8 .layout-modules .module:first-child {
  clear: none;
}

/* COLUMN COUNT */
.two-col-count {
  -webkit-column-count: 2;
  -webkit-column-gap: 27px;
  -moz-column-count: 2;
  -moz-column-gap: 27px;
  column-count: 2;
  column-gap: 27px;
}

.three-col-count {
  -webkit-column-count: 3;
  -webkit-column-gap: 27px;
  -moz-column-count: 3;
  -moz-column-gap: 27px;
  column-count: 3;
  column-gap: 27px;
}

/* #SOCIAL MEDIA */

/* social media list, used in sidenav and footer */
.list-social-media li {
  margin-bottom: 0;
  padding-top: 0.2em;
  float: left;
  margin-right: 3%;
}


.list-social-media a {
  padding: 0 0 0.25em 3%;
}

.list-social-media span {
  display: none;
  visibility: hidden;
}

.list-social-media a:hover {
  text-decoration: none;
}

/* adding social media icons */
.list-social-media [class*="icon-"]:before {
  width: 23px;
  height: 24px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 8px 0 0 9px;
  background: #e5a310;
  float: left;
  position: relative;
  top: -0.3em;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  color: white;
}

/* social media icon hover */
.list-social-media [class*="icon-"]:hover:before,
.list-social-media [class*="icon-"]:focus:before {
  background: #161b20;
  color: white;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* sm icons in footer */
.uob-mega-footer .list-social-media {
  padding: 0.5em 0 0 0 !important;
  margin-bottom: 1.25em;
  overflow: auto;
}

.uob-mega-footer .list-social-media li {
  line-height: 0;
}

.uob-mega-footer .list-social-media [class*="icon-"]:before {
  background: #393d41;

}

.uob-mega-footer .list-social-media [class*="icon-"]:hover:before,
.uob-mega-footer .list-social-media [class*="icon-"]:focus:before {
  background: #e5a310;
}

.ie6 .list-social-media li,
.ie7 .list-social-media li {
  float: none;
}

.ie6 .list-social-media span,
.ie7 .list-social-media span {
  display: block;
  visibility: visible;

}

.ie6 .list-social-media a span,
.ie7 .list-social-media a span {
  color: #ddd;
}

.ie6 .list-social-media a:hover span,
.ie7 .list-social-media a:hover span {
  text-decoration: underline
}

/* share */

#share-social .list-social-media ul {}

#share-social .list-social-media li {
  margin-right: 0.5em;
  line-height: 0;
}

#share-social h4 {
  margin: 0 0 0.5em 0;
}



/* sm icon codes */
.icon-facebook:before {
  content: "\e004" !important;
}

.icon-twitter:before {
  content: "\e005" !important;
}

.icon-youtube:before {
  content: "\e006" !important;
}

.icon-linkedin:before {
  content: "\e007" !important;
}

.icon-sina-weibo:before {
  content: "\e603" !important;
}

.icon-flickr:before {
  content: "\e602" !important;
}

.icon-instagram:before {
  content: "\e604" !important;
}

.icon-vimeo:before {
  content: "\e605" !important;
}

.icon-soundcloud:before {
  content: "\eac4" !important;
}

.icon-google-plus:before {
  content: "\e606" !important;
}

.more-social {
  margin-top: -1em !important;
}

/* for ie */
.ie6 .list-social-media li,
.ie7 .list-social-media li {
  height: auto;
  padding: 0;
  margin: 0
}

.ie6 .list-social-media a,
.ie7 .list-social-media a {
  margin: 0;
  padding: 0;
  color: #0D5BAB
}

/* #BUTTONS */

/* general button */
a.btn,
input[type="submit"] {
  background-color: #b01c2e;
  border: 1px solid #b01c2e;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
  padding: 0.5em 1em;
  display: inline-block;
  margin: 0 0 0.5em 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none !important;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding !important;
  background-clip: padding-box !important;
  /*
  background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2)));
  background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
  background-image: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
  background-image: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
  background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); */
}

a.btn:hover,
a.btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  text-decoration: none !important;
  color: #fff !important;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding !important;
  background-clip: padding-box !important;
  -moz-background-clip: border !important;
  -webkit-background-clip: border !important;
  background-clip: border-box !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #161b20;
  background-image: none;
}

a.btn+h3,
a.btn+h4,
a.btn+h5,
a.btn+h6 {
  margin-top: 1.0em;
}


/* weak button */
a.btn-weak,
input[type="submit"].weak {
  background-color: #fff;
  border-color: #dedcd2;
  color: #333 !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}

a.btn-weak:hover,
a.btn-weak:focus,
input[type="submit"].weak:hover,
input[type="submit"].weak:focus {
  color: #000 !important;
  background-color: #efede9;
  border: 1px solid rgba(0, 0, 0, 0.1);
}


/* full width button */
a.btn-full-width {
  padding: 0.5em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

/* half width button, only works in grid_8 */
.grid_8 a.btn-half-width {
  padding: 0.5em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
}

/* large button to be used sparingly  */
.btn-large {
  padding: 0.675em 0.75em !important;
  font-size: 16px !important;
}

.btn-large:after {
  top: 0.9em !important;
}

/* small button - use sparingly, e.g for more/less buttons */
.btn-small {
  padding: 0.25em 0.75em !important;
}

/* back button */
a.btn-back {
  padding: 0.5em 3em 0.5em 1em;
  margin: 0 0 1.25em 0;
}

/* button colours base */
a[class*="btn-d"],
a[class*="btn-b"],
[class*="module-box-"].module-box a.btn {
  color: #fff;

}

a[class*="btn-d"]:hover,
a[class*="btn-b"]:hover,
[class*="module-box-"].module-box a.btn:hover,
a[class*="btn-d"]:focus,
a[class*="btn-b"]:focus,
[class*="module-box-"].module-box a.btn:focus {
  color: #fff;
}

a[class*="btn-d"]:after,
a[class*="btn-b"]:after,
a[href^="https://www.bris.ac.uk"].btn:after,
a[href^="https://www.bristol.ac.uk"].btn:after {
  color: #fff !important;
}

/* border hover on buttons in coloured module box */
[class*="module-box-b"].module-box a.btn:hover,
[class*="module-box-b"].module-box a.btn:focus,
[class*="module-box-b"].module-box input[type="submit"]:hover,
[class*="module-box-b"].module-box input[type="submit"]:focus,
[class*="module-box-d"].module-box a.btn:hover,
[class*="module-box-d"].module-box a.btn:focus,
[class*="module-box-d"].module-box input[type="submit"]:hover,
[class*="module-box-d"].module-box input[type="submit"]:focus,
[class*="bg-"] a.btn:hover,
[class*="bg-"] a.btn:focus,
[class*="bg-"] input[type="submit"]:hover,
[class*="bg-"] input[type="submit"]:focus {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-image: none;
}



/* the following button styling covers standalone btns, 
  buttons in module boxes and tinted boxes, + inputs within module boxes */

/* bright aqua button */
a.btn-b-aqua,
input[type="submit"].btn-b-aqua,
.module-box-d-aqua.module-box a.btn,
.module-box-d-aqua input[type="submit"],
a.btn-d-aqua:hover,
input[type="submit"].btn-d-aqua:hover,
input[type="submit"].btn-d-aqua:focus,
.module-box-b-aqua.module-box a.btn:hover,
.module-box-b-aqua input[type="submit"]:hover,
a.btn-d-aqua:focus,
.module-box-b-aqua.module-box a.btn:focus,
.module-box-b-aqua input[type="submit"]:focus,
.module-box-tint-b-aqua.module-box a.btn,
.module-box-tint-b-aqua input[type="submit"] {
  background-color: #06827d;
}

/* dark aqua button */
a.btn-d-aqua,
input[type="submit"].btn-d-aqua,
.module-box-b-aqua.module-box a.btn,
.module-box-b-aqua input[type="submit"],
a.btn-b-aqua:hover,
input[type="submit"].btn-b-aqua:hover,
input[type="submit"].btn-b-aqua:focus,
.module-box-d-aqua.module-box a.btn:hover,
.module-box-d-aqua input[type="submit"]:hover,
a.btn-b-aqua:focus,
.module-box-d-aqua.module-box a.btn:focus,
.module-box-d-aqua input[type="submit"]:focus,
.module-box-tint-b-aqua.module-box a.btn:hover,
.module-box-tint-b-aqua input[type="submit"]:hover,
.module-box-tint-b-aqua.module-box a.btn:focus,
.module-box-tint-b-aqua input[type="submit"]:focus {
  background-color: #003d4c;
}

/* bright blue button */
a.btn-b-blue,
input[type="submit"].btn-b-blue,
.module-box-d-blue.module-box a.btn,
.module-box-d-blue input[type="submit"],
a.btn-d-blue:hover,
input[type="submit"].btn-d-blue:hover,
input[type="submit"].btn-d-blue:focus,
.module-box-b-blue.module-box a.btn:hover,
.module-box-b-blue input[type="submit"]:hover,
a.btn-d-blue:focus,
.module-box-b-blue.module-box a.btn:focus,
.module-box-b-blue input[type="submit"]:focus,
.module-box-tint-b-blue.module-box a.btn,
.module-box-tint-b-blue input[type="submit"] {
  background-color: #1c7698;
}


/* dark blue button */
a.btn-d-blue,
input[type="submit"].btn-d-blue,
.module-box-b-blue.module-box a.btn,
.module-box-b-blue input[type="submit"],
a.btn-b-blue:hover,
input[type="submit"].btn-b-blue:hover,
input[type="submit"].btn-b-blue:focus,
.module-box-d-blue.module-box a.btn:hover,
.module-box-d-blue input[type="submit"]:hover,
a.btn-b-blue:focus,
.module-box-d-blue.module-box a.btn:focus,
.module-box-d-blue input[type="submit"]:focus,
.module-box-tint-b-blue.module-box a.btn:hover,
.module-box-tint-b-blue input[type="submit"]:hover,
.module-box-tint-b-blue.module-box a.btn:focus,
.module-box-tint-b-blue input[type="submit"]:focus {
  background-color: #002f5f;
}



/* bright purple button */
a.btn-b-purple,
input[type="submit"].btn-b-purple,
.module-box-d-purple.module-box a.btn,
.module-box-d-purple input[type="submit"],
a.btn-d-purple:hover,
input[type="submit"].btn-d-purple:hover,
input[type="submit"].btn-d-purple:focus,
.module-box-b-purple.module-box a.btn:hover,
.module-box-b-purple input[type="submit"]:hover,
a.btn-d-purple:focus,
.module-box-b-purple.module-box a.btn:focus,
.module-box-b-purple input[type="submit"]:focus,
.module-box-tint-b-purple.module-box a.btn,
.module-box-tint-b-purple input[type="submit"] {
  background-color: #806ab7;
}

/* dark purple button */
a.btn-d-purple,
input[type="submit"].btn-d-purple,
.module-box-b-purple.module-box a.btn,
.module-box-b-purple input[type="submit"],
a.btn-b-purple:hover,
input[type="submit"].btn-b-purple:hover,
input[type="submit"].btn-b-purple:focus,
.module-box-d-purple.module-box a.btn:hover,
.module-box-d-purple input[type="submit"]:hover,
a.btn-b-purple:focus,
.module-box-d-purple.module-box a.btn:focus,
.module-box-d-purple input[type="submit"]:focus,
.module-box-tint-b-purple.module-box a.btn:hover,
.module-box-tint-b-purple input[type="submit"]:hover,
.module-box-tint-b-purple.module-box a.btn:focus,
.module-box-tint-b-purple input[type="submit"]:focus {
  background-color: #42145f;
}


/* bright pink button */
a.btn-b-pink,
input[type="submit"].btn-b-pink,
.module-box-d-pink.module-box a.btn,
.module-box-d-pink input[type="submit"],
a.btn-d-pink:hover,
input[type="submit"].btn-d-pink:hover,
input[type="submit"].btn-d-pink:focus,
.module-box-b-pink.module-box a.btn:hover,
.module-box-b-pink input[type="submit"]:hover,
a.btn-d-pink:focus,
.module-box-b-pink.module-box a.btn:focus,
.module-box-b-pink input[type="submit"]:focus,
.module-box-tint-b-pink.module-box a.btn,
.module-box-tint-b-pink input[type="submit"] {
  background-color: #cb238e;
}

/* dark pink button */
a.btn-d-pink,
input[type="submit"].btn-d-pink,
.module-box-b-pink.module-box a.btn,
.module-box-b-pink input[type="submit"],
a.btn-b-pink:hover,
input[type="submit"].btn-b-pink:hover,
input[type="submit"].btn-b-pink:focus,
.module-box-d-pink.module-box a.btn:hover,
.module-box-d-pink input[type="submit"]:hover,
a.btn-b-pink:focus,
.module-box-d-pink.module-box a.btn:focus,
.module-box-d-pink input[type="submit"]:focus,
.module-box-tint-b-pink.module-box a.btn:hover,
.module-box-tint-b-pink input[type="submit"]:hover,
.module-box-tint-b-pink.module-box a.btn:focus,
.module-box-tint-b-pink input[type="submit"]:focus {
  background-color: #772059;
}

/* bright red button */
a.btn-b-red,
input[type="submit"].btn-b-red,
.module-box-d-red.module-box a.btn,
.module-box-d-red input[type="submit"],
a.btn-d-red:hover,
input[type="submit"].btn-d-red:hover,
input[type="submit"].btn-d-red:focus,
.module-box-b-red.module-box a.btn:hover,
.module-box-b-red input[type="submit"]:hover,
a.btn-d-red:focus,
.module-box-b-red.module-box a.btn:focus,
.module-box-b-red input[type="submit"]:focus,
.module-box-tint-b-red.module-box a.btn,
.module-box-tint-b-red input[type="submit"] {
  background-color: #c9002f;
}

/* dark red button */
a.btn-d-red,
input[type="submit"].btn-d-red,
.module-box-b-red.module-box a.btn,
.module-box-b-red input[type="submit"],
a.btn-b-red:hover,
input[type="submit"].btn-b-red:hover,
input[type="submit"].btn-b-red:focus,
.module-box-d-red.module-box a.btn:hover,
.module-box-d-red input[type="submit"]:hover,
a.btn-b-red:focus,
.module-box-d-red.module-box a.btn:focus,
.module-box-d-red input[type="submit"]:focus,
.module-box-tint-b-red.module-box a.btn:hover,
.module-box-tint-b-red input[type="submit"]:hover,
.module-box-tint-b-red.module-box a.btn:focus,
.module-box-tint-b-red input[type="submit"]:focus {
  background-color: #5e3032;
}

/* bright yellow button */
a.btn-b-yellow,
input[type="submit"].btn-b-yellow,
.module-box-d-yellow.module-box a.btn,
.module-box-d-yellow input[type="submit"],
a.btn-d-yellow:hover,
input[type="submit"].btn-d-yellow:hover,
input[type="submit"].btn-d-yellow:focus,
.module-box-b-yellow.module-box a.btn:hover,
.module-box-b-yellow input[type="submit"]:hover,
a.btn-d-yellow:focus,
.module-box-b-yellow.module-box a.btn:focus,
.module-box-b-yellow input[type="submit"]:focus,
.module-box-tint-b-yellow.module-box a.btn,
.module-box-tint-b-yellow input[type="submit"] {
  background-color: #c28a0e;

}

/* dark yellow button */
a.btn-d-yellow,
input[type="submit"].btn-d-yellow,
.module-box-b-yellow.module-box a.btn,
.module-box-b-yellow input[type="submit"],
a.btn-b-yellow:hover,
input[type="submit"].btn-b-yellow:hover,
input[type="submit"].btn-b-yellow:focus,
.module-box-d-yellow.module-box a.btn:hover,
.module-box-d-yellow input[type="submit"]:hover,
a.btn-b-yellow:focus,
.module-box-d-yellow.module-box a.btn:focus,
.module-box-d-yellow input[type="submit"]:focus,
.module-box-tint-b-yellow.module-box a.btn:hover,
.module-box-tint-b-yellow input[type="submit"]:hover,
.module-box-tint-b-yellow.module-box a.btn:focus,
.module-box-tint-b-yellow input[type="submit"]:focus {
  background-color: #86431e;
}

/* bright lime button */
a.btn-b-lime,
input[type="submit"].btn-b-lime,
.module-box-d-lime.module-box a.btn,
.module-box-d-lime input[type="submit"],
a.btn-d-lime:hover,
input[type="submit"].btn-d-lime:hover,
input[type="submit"].btn-d-lime:focus,
.module-box-b-lime.module-box a.btn:hover,
.module-box-b-lime input[type="submit"]:hover,
a.btn-d-lime:focus,
.module-box-b-lime.module-box a.btn:focus,
.module-box-b-lime input[type="submit"]:focus,
.module-box-tint-b-lime.module-box a.btn,
.module-box-tint-b-lime input[type="submit"] {
  background-color: #7e8b27;

}

/* dark lime button */
a.btn-d-lime,
input[type="submit"].btn-d-lime,
.module-box-b-lime.module-box a.btn,
.module-box-b-lime input[type="submit"],
a.btn-b-lime:hover,
input[type="submit"].btn-b-lime:hover,
input[type="submit"].btn-b-lime:focus,
.module-box-d-lime.module-box a.btn:hover,
.module-box-d-lime input[type="submit"]:hover,
a.btn-b-lime:focus,
.module-box-d-lime.module-box a.btn:focus,
.module-box-d-lime input[type="submit"]:focus,
.module-box-tint-b-lime.module-box a.btn:hover,
.module-box-tint-b-lime input[type="submit"]:hover,
.module-box-tint-b-lime.module-box a.btn:focus,
.module-box-tint-b-lime input[type="submit"]:focus {
  background-color: #53682b;
}

/* bright green button */
a.btn-b-green,
input[type="submit"].btn-b-green,
.module-box-d-green.module-box a.btn,
.module-box-d-green input[type="submit"],
a.btn-d-green:hover,
input[type="submit"].btn-d-green:hover,
input[type="submit"].btn-d-green:focus,
.module-box-b-green.module-box a.btn:hover,
.module-box-b-green input[type="submit"]:hover,
a.btn-d-green:focus,
.module-box-b-green.module-box a.btn:focus,
.module-box-b-green input[type="submit"]:focus,
.module-box-tint-b-green.module-box a.btn,
.module-box-tint-b-green input[type="submit"] {
  background-color: #2c882e;
}

/* dark green button */
a.btn-d-green,
input[type="submit"].btn-d-green,
.module-box-b-green.module-box a.btn,
.module-box-b-green input[type="submit"],
a.btn-b-green:hover,
input[type="submit"].btn-b-green:hover,
input[type="submit"].btn-b-green:focus,
.module-box-d-green.module-box a.btn:hover,
.module-box-d-green input[type="submit"]:hover,
a.btn-b-green:focus,
.module-box-d-green.module-box a.btn:focus,
.module-box-d-green input[type="submit"]:focus,
.module-box-tint-b-green.module-box a.btn:hover,
.module-box-tint-b-green input[type="submit"]:hover,
.module-box-tint-b-green.module-box a.btn:focus,
.module-box-tint-b-green input[type="submit"]:focus {
  background-color: #024731;
}


/* black button */
a.btn-d-black,
.module-box-b-black.module-box a.btn,
.module-box-b-black input[type="submit"] {
  background-color: #161b20;
}

/* more button */
a.btn-more {
  width: 112%;
  margin-left: -6%;
  margin-bottom: -0.01em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}




/* #ICONS */
@font-face {
  font-family: 'icomoon';
  src: url(https://www.bristol.ac.uk/media-library/protected/fonts/icomoon.eot);
  src: url(https://www.bristol.ac.uk/media-library/protected/fonts/icomoon.eot?#iefix) format('embedded-opentype'),
    url(https://www.bristol.ac.uk/media-library/protected/fonts/icomoon.woff) format('woff'),
    url(https://www.bristol.ac.uk/media-library/protected/fonts/icomoon.ttf) format('truetype'),
    url(https://www.bristol.ac.uk/media-library/protected/fonts/icomoon.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-apply:after,
.icon-bubbles:after,
.icon-home:after,
.icon-library:after,
.icon-search:after,
.icon-facebook:before,
.icon-twitter:before,
.module-social-ad [class*="icon-"]:after,
.icon-youtube:before,
.icon-linkedin:before,
.icon-sina-weibo:before,
.icon-instagram:before,
.icon-flickr:before,
.icon-vimeo:before,
.icon-soundcloud:before,
.icon-google-plus:before,
.icon-users:before,
.icon-feedback:after,
a[href^="https://www.bris.ac.uk"]:after,
a[href^="https://www.bristol.ac.uk"]:after,
a[href$=".rss"]:after,
.module-heading a:after,
.icon-download:after,
a.btn:hover:after,
a.btn:focus:after,
.module-film .module-heading a:after,
.icon-arrow-down:after,
.icon-arrow-up:after,
.icon-plus:after,
.icon-minus:after,
.icon-tick:after,
.icon-tick:before,
.icon-pause:after,
.icon-checkmark:after,
.slider-pause:before,
.cycle-prev:before,
.cycle-next:before,
.icon-close:after,
.u-m-dropdown-link:after,
.icon-international:after,
.drop-down-header:before,
.icon-backward:before,
.icon-forward:before,
#breadcrumbs a[href="http://www.bris.ac.uk/"]:before,
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:before,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:before,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:before,
.icon-info:after,
.icon-link:after,
.icon-rae-four-star:before,
.icon-rae-two-star:before,
.icon-rae-three-star:before,
.icon-rae-one-star:before,
.navgroup a:after,
.icon-arrow-right:after,
.icon-arrow-down-alt:after,
.icon-arrow-left:after,
.icon-padlock:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #beb9a6
}


[class*="icon-"]:after {
  margin-left: 0.25em;
  color: #beb9a6
}

[class*="icon-"]:before {
  margin-right: 0.25em;
  color: #beb9a6
}

/* icons on buttons */
.btn[class*="icon-"],
.btn[href^="https://www.bris.ac.uk"],
.btn[href^="https://www.bristol.ac.uk"] {
  position: relative;
  padding-right: 2.5em !important;
}

a.btn[class*="icon-"]:after,
a.btn[class*="icon-"]:hover:after,
a.btn[class*="icon-"]:focus:after,
a[href^="https://www.bris.ac.uk"].btn:after,
a[href^="https://www.bristol.ac.uk"].btn:after,
a[href$=".rss"].btn:after {
  top: 0.75em;
  right: 0.85em;
  position: absolute;
  margin: 0;
  color: white;
}

a.btn-weak[class*="icon-"]:after,
a.btn-weak[class*="icon-"]:hover:after,
a.btn-weak[class*="icon-"]:focus:after {
  color: #beb9a6;
}

.ie6 a[class*="icon-"],
.ie7 a[class*="icon-"],
.ie8 a[class*="icon-"] {
  padding-right: 5%;
  width: 90%;
}

/* icons on module headings */
[class*="icon-"].module-heading {
  position: relative;
  /* padding-right: 1.2em */
}

.module-heading a[href^="https://www.bris.ac.uk"],
.module-heading a[href^="https://www.bristol.ac.uk"] {
  position: static;
}

[class*="icon-"].module-heading:after,
.module-heading a[href^="https://www.bris.ac.uk"]:after {
  position: absolute;
  right: 0;
  top: 0.75em;
  margin: 0;
}

.module-heading [class*="icon-"]:before,
.module-heading a[href^="https://www.bris.ac.uk"]:before {
  position: absolute;
  right: 0;
  top: 0.75em;
  margin: 0;
}

.module-heading [class*="icon-"]:hover:before,
.module-heading a[href^="https://www.bris.ac.uk"]:hover:before {
  box-shadow: none;
  webkit-box-shadow: none;
  border: 0;
  padding: 0;
}


/* tweak for rss icon */
a[href$=".rss"].btn:after {
  color: #333;
  top: 0.9em !important;
  right: 1em !important;
}


/* icon codes */
.icon-apply:after {
  content: "\e002" !important;
}

.icon-download:after,
.icon-download:after {
  content: "\e00c" !important;
}

.icon-home:after {
  content: "\e000" !important;
}

.icon-library:after {
  content: "\e001" !important;
}

.icon-search:after {
  content: "\e003" !important;
}

.icon-plus:after {
  content: "\e00e";
}

.icon-checkmark:after {
  content: "\e011";
}

a.icon-plus:after {
  color: #beb9a6;
  top: 0.85em !important;
  font-size: 0.9em;
  /* scaling down */
}

.icon-minus:after {
  content: "\e00f";
  font-size: 0.9em;
  /* scaling down */
  top: 0.85em !important;
  color: #beb9a6;
}

.icon-tick:after {
  content: "\e011";
}

.icon-pause:after {
  content: "\e010";
  margin-left: 0.5em;
  color: #beb9a6;
  position: relative;
  top: 1px
}

.icon-pause:hover:after {
  color: #b01c2e;
}

.slider-pause:before {
  content: "\e010";
}


.icon-close:after {
  content: "\e010";
}


.icon-backward:before {
  content: "\e016";
}

.icon-forward:before {
  content: "\e017";
}

.icon-info:after {
  content: "\e014";
}

.icon-link:after {
  content: "\e015";
  padding-right: 3px;
}

.btn.icon-close:after {
  color: #beb9a6;
}

.btn.icon-close:hover:after {
  color: #b01c2e;
}

.icon-arrow-right:after {
  content: "\e00b";
}

.icon-arrow-down-alt:after {
  content: "\e600";
}

.icon-arrow-left:after {
  content: "\e601";
}

.icon-padlock:after {
  content: "\e009";
}




/* adding right padding for small btn with icon */
.btn.btn-small[class*="icon-"],
.btn.btn-small[href^="https://www.bris.ac.uk"],
.btn.btn-small[href^="https://www.bristol.ac.uk"] {
  position: relative;
  padding-right: 2.25em !important;
}

/* positioning icon on small btn */
.btn.btn-small[class*="icon-"]:after,
.btn.btn-small[class*="icon-"]:hover:after,
.btn.btn-small[class*="icon-"]:focus:after {
  top: 0.7em !important;
}

.ie6 a[href^="https://www.bris.ac.uk"],
.ie7 a[href^="https://www.bris.ac.uk"],
.ie6 a[href^="https://www.bristol.ac.uk"],
.ie7 a[href^="https://www.bristol.ac.uk"] {
  background: url(https://www.bristol.ac.uk/media-library/protected/images/intranet-icon-ie.gif) no-repeat right center;
  padding-right: 15px;
}

a[href^="https://www.bris.ac.uk"]:hover:before,
a[href^="https://www.bristol.ac.uk"]:hover:before,
a.icon-padlock:hover:before {
  content: "University access only";
  right: -10em;
  top: -2em;
  width: 10em;
  position: absolute;
  color: #333;
  background: white;
  border: 1px solid #dedcd2;
  color: #333;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  padding: 0.25em 0.5em;
  z-index: 200;
}

a[href^="https://www.bris.ac.uk"].btn:hover:before,
a[href^="https://www.bristol.ac.uk"].btn:hover:before {
  right: -10em;
  top: -1.5em;
}

.row .column:last-child a[href^="https://www.bris.ac.uk"]:hover:before,
.row .column:last-child a[href^="https://www.bristol.ac.uk"]:hover:before {
  right: 0em;
  /* moved so doesn't get cropped off right side of browser */
}


/* auto RSS icon */
a[href$=".rss"]:after {
  content: "\e00a" !important;
  padding-left: 0.5em;
  font-size: 0.8em;
  color: #beb9a6;
}

a[href$=".rss"]:hover:after,
a[href$=".rss"]:focus:after {
  color: #b01c2e;
}

/* killing an icon, mostly for turning off https: */
#uobcms-content .no-icon:before,
#uobcms-content .no-icon:after,
#uobcms-content-nonav .no-icon:before,
#uobcms-content-nonav .no-icon:after {
  content: none !important
}


/* #MODULES */
/* snippets of code for teasers, related items. Used on homepages and sidebars */

/* basic module */
.module {
  margin-bottom: 0.75em;
  position: relative;
}

.ie6 .module,
.ie7 .module,
.ie8 .module {
  border-top: 1px solid #dedcd2;
}


/* module headings */
.module-heading {
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 0.75em 0;
  margin: 0;
  line-height: 1.142em;
  border-top: 1px solid #dedcd2;
  position: relative;
}


/* .grid_4 .module-heading, 
  .grid_3 .module-heading, 
  .align-right .module-heading, */
[class*="layout-"] .module-heading {
  padding-bottom: 0.75em
}


.ie6 .module-heading,
.ie7 .module-heading,
.ie8 .module-heading {
  border-top: 1px solid #dedcd2;
  padding-top: 0.6em;
  margin-top: 2px;
}

.module-heading:before {
  content: " ";
  height: 1px;
  border-top: 1px solid #dedcd2;
  display: block;
  padding-top: 0.55em;
  margin-top: 2px;
}

/* manually removing border */
.module-no-border .module-heading,
.module-no-border .module-heading:before {
  border-color: #fff;
}


/* First module in a right hand column */

.column-related .module:first-child {
  margin-top: -0.6em;
}

.column-related .module-box:first-child {
  margin-top: 0 !important;
}

.column-related .module:first-child .module-heading {
  border-top: 0;
}

.column-related .module:first-child .module-heading:before {
  border-color: #fff;
}

/* module heading links */
.module-heading a {
  color: #333;
  text-decoration: none;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.module-heading a:hover,
.module-heading a:focus {
  color: rgba(0, 0, 0, 0.6);
  outline: none;
}

.module p,
.module ul,
.module ol,
.module form,
.module dl,
.module table {
  font-size: 0.875em;
  margin-bottom: 0.75em;
}

.module table {
  margin-bottom: 1.5em
}

.module form * {
  font-size: 1em;
}

/* larger font size for wider columns */
#uobcms-content>.layout-container>.row>.grid_6>.module p,
#uobcms-content>.layout-container>.row>.grid_6>.module ul,
#uobcms-content>.layout-container>.row>.grid_6>.module ol,
#uobcms-content>.layout-container>.row>.grid_6>.module form,
#uobcms-content>.layout-container>.row>.grid_6>.module dl,
#uobcms-content>.layout-container>.row>.grid_8>.module p,
#uobcms-content>.layout-container>.row>.grid_8>.module ul,
#uobcms-content>.layout-container>.row>.grid_8>.module ol,
#uobcms-content>.layout-container>.row>.grid_8>.module form,
#uobcms-content>.layout-container>.row>.grid_8>.module dl,
#uobcms-content>.layout-container>.row>.grid_12>.module p,
#uobcms-content>.layout-container>.row>.grid_12>.module ul,
#uobcms-content>.layout-container>.row>.grid_12>.module ol,
#uobcms-content>.layout-container>.row>.grid_12>.module form,
#uobcms-content>.layout-container>.row>.grid_12>.module dl {
  font-size: 1.0em;
  margin-bottom: 1.5em;
}

/* smaller font-size for align right boxes */
.layout-container .align-right.module p,
.layout-container .align-right.module ul,
.layout-container .align-right.module ol,
.layout-container .align-right.module form,
.layout-container .align-right.module dl,
.layout-container .align-right.module table {
  font-size: 0.875em !important;
}

/* modules nested in modules */
.grid_6 .module .module p,
.grid_6 .module .module ul,
.grid_6 .module .module ol,
.grid_6 .module .module form,
.grid_6 .module .module dl,
.grid_6 .module .module table {
  font-size: 0.875em;
}

.layout-container .layout-container .module p,
.layout-container .layout-container .module ul,
.layout-container .layout-container .module ol,
.layout-container .layout-container .module form,
.layout-container .layout-container .module dl,
.layout-container .layout-container .module table {
  font-size: 0.875em;
  margin-bottom: 0.75em;
}

/* adding extra bottom margin when the module has text content */
.module p:last-child,
.module ul:last-child,
.module ol:last-child,
.module form:last-child,
.module dl:last-child {
  margin-bottom: 1.5em !important;
}

/* and taking it away again */
.module-box dl:last-child,
.module-box p:last-child,
.module-box ul:last-child,
.module-box ol:last-child,
.module-box form:last-child,
.module-box dl:last-child,
.list-of-modules .module dl:last-child,
.list-of-modules .module p:last-child,
.list-of-modules .module ul:last-child,
.list-of-modules .module ol:last-child,
.list-of-modules .module form:last-child,
.list-of-modules .module dl:last-child {
  margin-bottom: 0.75em;
}

.module-box p.large:last-child {
  margin-bottom: 1em !important
}

/* and taking it away again for lists links */
.module-box ul.list-links,
.align-right ul.list-links {
  margin-bottom: 0 !important;
}

.module ul ul,
.module ol ol,
.module ol ul,
.module ul ol {
  font-size: 1em !important;
}

/* headings in modules */
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
  font-size: 1em;
}

/* blockquotes in modules */
.module blockquote p:before,
.module blockquote p:after {
  color: #beb9a6;
  font-size: 6em;
  font-family: Georgia;
  font-style: normal;
  position: absolute;
  top: -0.35em;
  left: -0.035em;
  margin: 0;
  padding: 0;
}

.grid_12 .module blockquote p,
.grid_8 .module blockquote p,
.grid_6 .module blockquote p,
.grid_4 .module blockquote p {
  overflow: hidden;
}

.grid_8 .module.module-box blockquote p,
.grid_6 .module.module-box blockquote p,
.grid_4 .module.module-box blockquote p {
  overflow: initial;
}

.module blockquote p:after {
  bottom: -0.1em;
  right: 0;
  left: auto;
  top: auto;
  line-height: 0;
}

.module blockquote p {
  position: relative;
  padding: 1.75em 0 1.75em 0;
  text-indent: 0;
}

/* forms in modules, displaying labels and inputs on separate lines 
  .module label, 
  .module input, 
  .module select { 
  display: block;
  }*/

[class*="module-box-d"] label {
  color: white;
}

.module input[type=submit],
.module select {
  font-size: 1em;
}

.module input[type=text] {
  font-size: 1em;
  width: 94%;
}


/* image within heading */
.module-heading img {
  display: block;
  position: relative;
  margin-bottom: 0em !important;
  margin-top: 0.75em;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  /* stops judder */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translateZ(0px);
  max-width: 100%;
  /* RWD */
  height: auto;
}

.module-heading a:hover img,
.module-heading a:focus img,
.img-with-strapline>a:hover>img,
.img-with-strapline>a:focus>img {
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
  outline: none;
}

/* news in a module 
  .module .list-with-thumbs {
  margin-top: -0.6em;
  }*/


/* quote in a module box */
.module blockquote {
  border: 0;
  padding: 0;
  margin: 0.75em 0 0 0;
}

img+blockquote,
module-heading+blockquote {
  margin: 0 !important;
}


/* Single row of modules side by side */
.row-single-border {
  margin-top: 1.5em;
  /* extra */
  position: relative;
  z-index: 9;
  margin-bottom: 1.5em;
  border-top: 1px solid #dedcd2
}

.row-single-border:before {
  content: " ";
  height: 1px;
  border-top: 1px solid #dedcd2;
  display: block;
  margin-top: 2px;
}

.row-single-border .module-box,
.row-single-border .module {
  border-top: 0;
  padding-top: 0;
  position: relative;
  z-index: 10;
}

.row-single-border .module-heading:before {
  content: none;
}

.row-single-border .module-heading {
  padding-top: 0.6em;
  border-top: 0;
}

/* nested modules */
[class*="module-box"] [class*="module-box"] {
  width: 100%;
  margin-left: -6%;
  padding: 0.75em 6.5% 0.1em 6.5% !important;
}

/* list of modules */

.list-of-modules {
  margin: 0 0 1.5em 0;
}

.list-of-modules .module {
  padding-top: 0em;
  margin-bottom: 0;
  overflow: auto;
  border-top: 0;
  border-bottom: 1px solid #dedcd2;
}

.list-of-modules .module:first-child {
  border-top: 1px solid #dedcd2;
}

.list-of-modules p,
.list-of-modules ul,
.list-of-modules ol,
.list-of-modules form,
.list-of-modules dl,
.list-of-modules h2,
.list-of-modules h3,
.list-of-modules h4,
.list-of-modules h5,
.list-of-modules h6 {
  margin-left: 50%;
}

.list-of-modules .module-heading {
  padding: 1em 0 0.25em 0;
  border-top: 0;
}

.list-of-modules .module-heading a {
  color: #0F7CA4;

}

.list-of-modules .module-heading a:hover,
.list-of-modules .module-heading a:focus {
  text-decoration: underline;
}

.list-of-modules .module-heading a img {
  float: left;
  width: 95%;
  margin-right: 2.3%;
  margin-top: -0.25em;
  margin-left: -100%;
  margin-bottom: 0.75em !important;
}

.list-of-modules .module-heading:before {
  content: none;
}

.list-of-modules .module-box {
  padding: 0;
  border-bottom: 1px solid #dedcd2;
}

.list-of-modules .module-box:first-child {
  border-top: 1px solid #dedcd2;
}

.list-of-modules [class*="module-box-"] {
  border-bottom: 1px solid #bbb;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 0 !important;
}

.list-of-modules [class*="module-box-"]:last-child {
  border-top: 0 !important;
}

.list-of-modules .module-box .module-heading {
  padding: 0 0 0.25em 0;
}

.list-of-modules .module-box .module-heading a {
  margin: 0;
  padding: 0.75em 0 0 0;
  width: 100%;
  border: 0;
}


.list-of-modules .module-box .module-heading a img {
  left: 0;
  margin-top: 0em;
  width: 29.51%;
  margin-left: 2.3%
}

/* small thumnbnails - complete guesswork */
.list-of-modules-small .module-heading a img {
  width: 34%;
  margin-right: 2.3%;
  margin-left: -37%;
  margin-bottom: 0.75em !important;
}

.list-of-modules-small p,
.list-of-modules-small ul,
.list-of-modules-small ol,
.list-of-modules-small form,
.list-of-modules-small dl,
.list-of-modules-small h2,
.list-of-modules-small h3,
.list-of-modules-small h4,
.list-of-modules-small h5,
.list-of-modules-small h6 {
  margin-left: 27%;
}

.list-of-modules-small ul,
.list-of-modules-small ol {
  margin-left: 30%;
}




/* Module with overlayed link with background colour */


/* list of modules 
  Can be added to a wrapping div or convert to UL and modules to LI 
  
  .list-of-modules {
  margin: 0 0 1.5em 0;
  }
  
  .list-of-modules .module {
  position: relative;
  padding-top: 0em;
  margin-bottom: 0;
  overflow: auto;
  border-top: 0;
  border-bottom: 1px solid #dedcd2;
  }
  
  .ie6 .list-of-modules .module,
  .ie7 .list-of-modules .module,
  .ie8 .list-of-modules .module {
  overflow: visible;
  zoom: 1
  }
  
  .list-of-modules .module:first-child {
  border-top: 1px solid #dedcd2;
  }
  
  .list-of-modules p,
  .list-of-modules ul,
  .list-of-modules ol,
  .list-of-modules form,
  .list-of-modules dl,
  .list-of-modules h2,
  .list-of-modules h3,
  .list-of-modules h4,
  .list-of-modules h5,
  .list-of-modules h6 {
  margin-left: 34%; 
  }
  
  .list-of-modules .module-heading   {
  padding: 1em 0 0.25em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border-top: 0; 
  margin-left: 0;
  }
  
  .list-of-modules .module-heading a  {
  color: #0D5BAB;
  position: relative;
  padding-left: 34%;
  }
  
  .list-of-modules .module-heading a:hover,
  .list-of-modules .module-heading a:focus  {
  text-decoration: underline;
  }
  
  .list-of-modules .module-heading img {
  float: left;
  width: 47%;
  margin-left: -51%;
  margin-top: -0.25em;
  left: 0;
  margin-bottom: 0.75em!important;
  }
  
  .ie6 .list-of-modules .module-heading a img,
  .ie7 .list-of-modules .module-heading a img,
  .ie8 .list-of-modules .module-heading a img {
  margin-left: 0;
  margin-top: -1.5em;
  }
  
  .list-of-modules .module-heading:before {
  content: none; }
  
  .list-of-modules .module-box {
  padding: 0;
  border-bottom: 1px solid #dedcd2;
  }
  
  .list-of-modules .module-box:first-child {
  border-top: 1px solid #dedcd2;
  }
  
  .list-of-modules .module-box .module-heading {
  padding-left: 34%!important;
  }
  
  .list-of-modules .module-box .module-heading img {
  left: 0;
  width: 45%;
  margin-left: -49%;
  }
  
  
  .list-of-modules [class*="module-box-"] {
  border-bottom: 1px solid #bbb;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  border-top: 0!important;
  }
  
  .list-of-modules [class*="module-box-"]:last-child {
  border-top: 0!important;
  }
  
  .list-of-modules .module-box .module-heading {
  padding: 0 0 0.25em 0;
  }
  
  .list-of-modules .module-box .module-heading a {
  margin: 0;
  padding: 0.75em 0 0 0;
  width: 100%;
  border: 0;
  }
  
  */


/* Module with overlayed link with background colour */


.module-overlay .module-heading {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0;
}

.module-overlay .module-heading>img {
  display: block;
  margin: 0 !important;
}

.module-overlay .module-heading-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  /* width: 90.01%; */
  padding: 0.5em 1em;
  font-weight: normal;
  font-size: 0.875em;
  color: white;
  line-height: 1.5em;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: #161b20;
  background: rgba(22, 27, 32, 0.70)
}

.module-overlay .module-heading:before {
  content: none;
}

.module-overlay .module-heading img {
  margin: 0 !important;
  display: block;
}

/* icon on module heading bg */
.module-heading-bg[class*="icon-"]:after {
  margin-left: 0.25em;
  position: relative;
  top: 0.1em
}

/* overlay colours for link */
.module-overlay-d-aqua .module-heading-bg,
.module-overlay-b-aqua a:hover .module-heading-bg {
  background: #003d4c;
  background: rgba(0, 61, 76, 0.90)
}

.module-overlay-d-aqua a:hover .module-heading-bg,
.module-overlay-b-aqua .module-heading-bg {
  background: #06827d;
  background: rgba(6, 130, 125, 0.90)
}

.module-overlay-d-blue .module-heading-bg,
.module-overlay-b-blue a:hover .module-heading-bg {
  background: #002f5f;
  background: rgba(0, 47, 95, 0.90)
}

.module-overlay-d-blue a:hover .module-heading-bg,
.module-overlay-b-blue .module-heading-bg {
  background: #1c7698;
  background: rgba(28, 118, 152, 0.90)
}

.module-overlay-d-purple .module-heading-bg,
.module-overlay-b-purple a:hover .module-heading-bg {
  background: #42145f;
  background: rgba(66, 20, 95, 0.90)
}

.module-overlay-d-purple a:hover .module-heading-bg,
.module-overlay-b-purple .module-heading-bg {
  background: #806ab7;
  background: rgba(128, 106, 183, 0.90)
}

.module-overlay-d-pink .module-heading-bg,
.module-overlay-b-pink a:hover .module-heading-bg {
  background: #772059;
  background: rgba(119, 32, 89, 0.90)
}

.module-overlay-d-pink a:hover .module-heading-bg,
.module-overlay-b-pink .module-heading-bg {
  background: #cb238e;
  background: rgba(203, 35, 142, 0.90)
}

.module-overlay-d-red .module-heading-bg,
.module-overlay-b-red a:hover .module-heading-bg {
  background: #5e3032;
  background: rgba(94, 48, 50, 0.90)
}

.module-overlay-d-red a:hover .module-heading-bg,
.module-overlay-b-red .module-heading-bg {
  background: #c9002f;
  background: rgba(201, 0, 47, 0.90)
}

.module-overlay-d-yellow .module-heading-bg,
.module-overlay-b-yellow a:hover .module-heading-bg {
  background: #86431e;
  background: rgba(134, 67, 30, 0.90)
}


.module-overlay-d-yellow a:hover .module-heading-bg,
.module-overlay-b-yellow .module-heading-bg {
  background: #c28a0e;
  background: rgba(194, 138, 14, 0.90)
}

.module-overlay-d-lime .module-heading-bg,
.module-overlay-b-lime a:hover .module-heading-bg {
  background: #53682b;
  background: rgba(83, 104, 43, 0.90)
}

.module-overlay-d-lime a:hover .module-heading-bg,
.module-overlay-b-lime .module-heading-bg {
  background: #7e8b27;
  background: rgba(126, 139, 39, 0.90)
}

.module-overlay-d-green .module-heading-bg,
.module-overlay-b-green a:hover .module-heading-bg {
  background: #024731;
  background: rgba(2, 71, 49, 0.90)
}

.module-overlay-d-green a:hover .module-heading-bg,
.module-overlay-b-green .module-heading-bg {
  background: #2c882e;
  background: rgba(44, 136, 46, 0.90)
}

/* grid of module overlays */
.grid-modules {
  margin: 0 0 0 -2.9%;
}

.grid-modules .module {
  width: 30.3%;
  margin: 0 0 1.5em 2.9%;
  float: left;
}

.grid_8 .grid-modules {
  margin: 0 0 0 -4.555%;
}

.grid_8 .grid-modules .module {
  width: 45.3%;
  margin: 0 0 1.5em 4.555%;
  float: left;
}



/* Module message. Use for highlighting a short message or alert */
.module-message {
  margin-bottom: 1.7142em;
  padding: 0.75em 1em 0.75em 1em;
  position: relative;
  background: #efede9;
  border-left: 4px solid #dedcd2
}

.module-message[class*="icon-"] {
  padding-left: 2.5em;
}

.module-message[class*="icon-"]:after {
  left: 1em;
  position: absolute;
  top: 0.8em;
}

.module-message[class*="module-box-"]:after {
  color: #fff
}

.module-message p,
.module-message ul,
.module-message ol,
.module-message form,
.module-message blockquote,
.module-message p:last-child,
.module-message ul:last-child,
.module-message ol:last-child,
.module-message form:last-child,
.module-message blockquote:last-child {
  margin-bottom: 0 !important;
  font-size: 0.875em !important;
}


.module-message h2,
.module-message h3,
.module-message h4,
.module-message h5,
.module-message h6 {
  font-size: 1em;
  margin: 0 0 0.15em 0;
}

/* modules with just images */
.module-just-image .module-heading {
  padding-bottom: 4px !important;
}


/* coloured module messages */

/* aqua */
.module-box-tint-b-aqua .module-heading a:hover,
.module-message.module-box-tint-b-aqua:after {
  color: #06827d !important;
}

.module-message.module-box-tint-b-aqua {
  border-color: #06827d;
}

/* blue */
.module-box-tint-b-blue .module-heading a:hover,
.module-message.module-box-tint-b-blue:after {
  color: #1c7698 !important;
}

.module-message.module-box-tint-b-blue {
  border-color: #1c7698;
}

/* purple */
.module-box-tint-b-purple .module-heading a:hover,
.module-message.module-box-tint-b-purple:after {
  color: #806ab7 !important;
}

.module-message.module-box-tint-b-purple {
  border-color: #806ab7;
}

/* pink */
.module-box-tint-b-pink .module-heading a:hover,
.module-message.module-box-tint-b-pink:after {
  color: #cb238e !important;
}

.module-message.module-box-tint-b-pink {
  border-color: #cb238e;
}

/* red */
.module-box-tint-b-red .module-heading a:hover,
.module-message.module-box-tint-b-red:after {
  color: #c9002f !important;
}

.module-message.module-box-tint-b-red {
  border-color: #c9002f;
}

/* yellow */
.module-box-tint-b-yellow .module-heading a:hover,
.module-message.module-box-tint-b-yellow:after {
  color: #c28a0e !important;
}

.module-message.module-box-tint-b-yellow {
  border-color: #c28a0e;
}

/* lime */
.module-box-tint-b-lime .module-heading a:hover,
.module-message.module-box-tint-b-lime:after {
  color: #7e8b27 !important;
}

.module-message.module-box-tint-b-lime {
  border-color: #7e8b27;
}

/* green */
.module-box-tint-b-green .module-heading a:hover,
.module-message.module-box-tint-b-green:after {
  color: #2c882e !important;
}

.module-message.module-box-tint-b-green {
  border-color: #2c882e;
}


/* lists of links as nav */
.list-links {
  border-bottom: 1px solid #d8d5ca;
  font-size: 0.875em;
}

.list-links li {
  border-top: 1px solid #d8d5ca;

}

.list-links a {
  display: block;
  zoom: 1;
  padding: 0.5em 5%;
  text-decoration: none;
  background: #efede9;
  color: #333;
  -webkit-transition: background 0.5s;
  -o-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;

}

.list-links a:hover,
.list-links a:focus {
  background: white;
  color: #333;
}

/* list of contact types, email, phone */
.contact-type {
  font-weight: bold;
  width: 20%;
  display: inline-block;
}

/* inline lists */
.list-inline {
  overflow: auto
    /* needed for pagination */
}

.list-inline li {
  float: left;
}



/* #lists with thumbs
  for news, events and general lists with thumbnails */
.list-with-thumbs,
.list-events,
.list-news {
  font-size: .875em;
}

.list-with-thumbs>li,
.list-events>li,
.list-news>li {
  overflow: auto;
  margin-bottom: 1.5em
}


.list-with-thumbs img {
  float: left;
  width: 10.5%;
  padding-right: 1.6%;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translateZ(0px);
}


.list-with-thumbs>li>a,
.list-news>li>a,
.list-events>li>a,
.multi-column>li>a {
  font-size: 16px;
  font-weight: bold;
  padding: 0 !important
}


.list-events .event-date,
.list-news .news-date,
.list-news .news-abstract,
.list-news .news-title {
  display: block;
}

.list-with-thumbs .event-date,
.list-with-thumbs .news-date,
.list-with-thumbs .news-abstract,
.list-with-thumbs .news-title,
.list-with-thumbs p,
.list-with-thumbs h2,
.list-with-thumbs h3,
.list-with-thumbs ul,
.list-with-thumbs ol {
  padding-left: 12.1%;
  margin-bottom: 0
}

.list-with-thumbs ul,
.list-with-thumbs ol {
  margin-left: 1.5em
}

.list-with-thumbs h2 {
  margin: 0
}

.list-with-thumbs a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
  outline: none;
}

.grid_8 .list-with-thumbs img {
  width: 16%;
  padding-right: 2.5%;
}

.grid_8 .list-with-thumbs .event-date,
.grid_8 .list-with-thumbs .news-date,
.grid_8 .list-with-thumbs .news-abstract,
.grid_8 .list-with-thumbs .news-title,
.grid_8 .list-with-thumbs p,
.grid_8 .list-with-thumbs h2,
.grid_8 .list-with-thumbs h3,
.grid_8 .list-with-thumbs ul,
.grid_8 .list-with-thumbs ol {
  padding-left: 18.5%;
}

.grid_3 .list-news li,
.grid_3 .list-events li,
.grid_4 .list-news li,
.grid_4 .list-events li,
.grid_8 .row .grid_6 .list-news li,
.grid_8 .row .grid_6 .list-events li {
  margin-bottom: 0.75em
}

.grid_8 .row .grid_6 .list-with-thumbs li>a,
.grid_3 .list-with-thumbs li>a,
.grid_4 .list-with-thumbs li>a,
.grid_8 .row .grid_6 .list-events li>a,
.grid_3 .list-events li>a,
.grid_4 .list-events li>a,
.grid_8 .row .grid_6 .list-news li>a,
.grid_3 .list-news li>a,
.grid_4 .list-news li>a {
  font-size: 14px;
  font-weight: normal
}

.grid_3 .list-with-thumbs img,
.grid_4 .list-with-thumbs img {
  width: 33%;
  padding-right: 5%
}

.grid_3 .list-with-thumbs .event-date,
.grid_3 .list-with-thumbs .news-date,
.grid_3 .list-with-thumbs .news-abstract,
.grid_3 .list-with-thumbs .news-title,
.grid_4 .list-with-thumbs .event-date,
.grid_4 .list-with-thumbs .news-date,
.grid_4 .list-with-thumbs .news-abstract,
.grid_4 .list-with-thumbs .news-title,
.grid_3 .list-with-thumbs p,
.grid_4 .list-with-thumbs p,
.grid_3 .list-with-thumbs h2,
.grid_4 .list-with-thumbs h2,
.grid_3 .list-with-thumbs h3,
.grid_4 .list-with-thumbs h3,
.grid_3 .list-with-thumbs ul,
.grid_4 .list-with-thumbs ul,
.grid_3 .list-with-thumbs ol,
.grid_4 .list-with-thumbs ol {
  padding-left: 38%;
  display: block;
}

/* large thumbs */
.list-with-thumbs-large img {
  width: 14%;
  padding-right: 1.5%
}

.list-with-thumbs-large .event-date,
.list-with-thumbs-large .news-date,
.list-with-thumbs-large .news-abstract,
.list-with-thumbs-large .news-title,
.list-with-thumbs-large p,
.list-with-thumbs-large h2,
.list-with-thumbs-large h3,
.list-with-thumbs-large ul,
.list-with-thumbs-large ol {
  padding-left: 15.5%;
  margin-bottom: 0
}

.grid_8 .list-with-thumbs-large img {
  width: 21.5%;
  padding-right: 2.5%;
}

.grid_8 .list-with-thumbs-large .event-date,
.grid_8 .list-with-thumbs-large .news-date,
.grid_8 .list-with-thumbs-large .news-abstract,
.grid_8 .list-with-thumbs-large .news-title,
.grid_8 .list-with-thumbs-large p,
.grid_8 .list-with-thumbs-large h2,
.grid_8 .list-with-thumbs-large h3,
.grid_8 .list-with-thumbs-large ul,
.grid_8 .list-with-thumbs-large ol {
  padding-left: 24%;
}

/* mega thumbs */
.grid_8 .list-with-thumbs-mega img {
  width: 34.6%;
  padding-right: 2.5%;
}

.grid_8 .list-with-thumbs-mega .event-date,
.grid_8 .list-with-thumbs-mega .news-date,
.grid_8 .list-with-thumbs-mega .news-abstract,
.grid_8 .list-with-thumbs-mega .news-title,
.grid_8 .list-with-thumbs-mega p,
.grid_8 .list-with-thumbs-mega h2,
.grid_8 .list-with-thumbs-mega h3,
.grid_8 .list-with-thumbs-mega ul,
.grid_8 .list-with-thumbs-mega ol {
  padding-left: 37.1%;
}

/* multi columns */
.multi-column {
  -webkit-column-count: 3;
  -webkit-column-gap: 27px;
  -moz-column-count: 3;
  -moz-column-gap: 27px;
  column-count: 3;
  column-gap: 27px;
}


.grid_8 .multi-column {
  -webkit-column-count: 2;
  -webkit-column-gap: 27px;
  -moz-column-count: 2;
  -moz-column-gap: 27px;
  column-count: 2;
  column-gap: 27px;
}


.multi-column>li,
.two-col-count>li {
  display: inline-block;
  overflow: visible;
  width: 100%;
  font-size: 14px;
  margin-bottom: 1.5em
}

.multi-column.list-with-thumbs img,
.multi-column.list-with-thumbs img,
.two-col-count.list-with-thumbs img {
  width: 33%;
  padding-right: 5%
}

.multi-column>li * {
  margin-bottom: 0
}

.multi-column.list-with-thumbs .event-date,
.multi-column.list-with-thumbs .news-date,
.multi-column.list-with-thumbs .news-abstract,
.multi-column.list-with-thumbs p,
.multi-column.list-with-thumbs h2,
.multi-column.list-with-thumbs h3,
.multi-column.list-with-thumbs ul,
.multi-column.list-with-thumbs ol,
.two-col-count.list-with-thumbs .event-date,
.two-col-count.list-with-thumbs .news-date,
.two-col-count.list-with-thumbs .news-abstract,
.two-col-count.list-with-thumbs p,
.two-col-count.list-with-thumbs h2,
.two-col-count.list-with-thumbs h3,
.two-col-count.list-with-thumbs ul,
.two-col-count.list-with-thumbs ol {
  padding-left: 38%;

}

.multi-column.list-with-thumbs>li>a {
  font-size: 14px !important;
  font-weight: bold !important
}

.multi-column.list-with-thumbs-large img {
  width: 45%;
}

.multi-column.list-with-thumbs-large .event-date,
.multi-column.list-with-thumbs-large .news-date,
.multi-column.list-with-thumbs-large .news-abstract,
.multi-column.list-with-thumbs-large p,
.multi-column.list-with-thumbs-large h2,
.multi-column.list-with-thumbs-large ul,
.multi-column.list-with-thumbs-large ol {
  padding-left: 50%;
  margin-bottom: 0
}

.multi-column.list-with-thumbs-large>li>a {
  font-size: 16px !important;
  font-weight: bold !important
}


/* ie9 and earlier fixes */
.ie6 .multi-column img,
.ie7 .multi-column img,
.ie8 .multi-column img,
.ie9 .multi-column img {
  width: 17%;
  padding-right: 3%;
}


.ie6 .multi-column.list-with-thumbs .event-date,
.ie6 .multi-column.list-with-thumbs .news-date,
.ie6 .multi-column.list-with-thumbs .news-abstract,
.ie6 .multi-column.list-with-thumbs p,
.ie6 .multi-column.list-with-thumbs h2,
.ie6 .multi-column.list-with-thumbs ul,
.ie6 .multi-column.list-with-thumbs ol,
.ie7 .multi-column.list-with-thumbs .event-date,
.ie7 .multi-column.list-with-thumbs .news-date,
.ie7 .multi-column.list-with-thumbs .news-abstract,
.ie7 .multi-column.list-with-thumbs p,
.ie7 .multi-column.list-with-thumbs h2,
.ie7 .multi-column.list-with-thumbs ul,
.ie7 .multi-column.list-with-thumbs ol,
.ie8 .multi-column.list-with-thumbs .event-date,
.ie8 .multi-column.list-with-thumbs .news-date,
.ie8 .multi-column.list-with-thumbs .news-abstract,
.ie8 .multi-column.list-with-thumbs p,
.ie8 .multi-column.list-with-thumbs h2,
.ie8 .multi-column.list-with-thumbs ul,
.ie8 .multi-column.list-with-thumbs ol,
.ie9 .multi-column.list-with-thumbs .event-date,
.ie9 .multi-column.list-with-thumbs .news-date,
.ie9 .multi-column.list-with-thumbs .news-abstract,
.ie9 .multi-column.list-with-thumbs p,
.ie9 .multi-column.list-with-thumbs h2,
.ie9 .multi-column.list-with-thumbs ul,
.ie9 .multi-column.list-with-thumbs ol {
  padding-left: 20%;
}


/* pagination */
.pagination {
  margin: 0 -10em 1.5em 0;
  padding: 0;
  font-size: 0.875em;
  overflow: hidden;
}

.pagination li {
  margin: 0 0.25em 0.5em 0.25em;
  padding: 0;
  display: inline;
}

.pagination a,
.pagination span.current-page,
.pagination .unused-letter {
  display: inline-block;
  background: #efede9;
  border: 1px solid #efede9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0.35em 0.6em;
  color: #333;
}

.pagination .unused-letter {
  background: #FFF;
  color: #dedcd2;
}

ul.pagination a:hover,
ul.pagination a:focus,
ul.pagination span.current-page {
  background: #fff;
  border: 1px solid #dedcd2;
  text-decoration: none;
  color: #333;
}


/* list of inline button styles */
.list-of-buttons a {
  font-size: 12px;
  padding: 0.5em 0.75em;
  background: #efede9;
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  color: #333
}

.module-box .list-of-buttons a {
  background: #fff;
  color: #333;
}

.module-box .list-of-buttons a:hover {
  text-decoration: none;
}

/* striped list */
.list-striped li:nth-of-type(odd) {
  background-color: #efede9;
}

.list-striped li {
  padding: 0.5em 0.75em !important;
}

.list-striped .module-horizontal {
  margin: 0;
  border: 0;
}

.module .list-links-no-margin {
  margin-top: -0.85em
}

/* module-film icon overlaying the module image, using :after. Can be reused for other decorative icons */

.module-film .module-heading a:after {
  content: "\e00d";
  font-size: 20px;
  position: absolute;
  top: 47.5%;
  left: 50%;
  z-index: 101;
  background: white;
  width: 37px;
  height: 30px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  display: block;
  margin: 0 0 0 -25px;
  padding: 10px 0 0 3px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.4);
  color: #161b20;
}

/* modules with image but no heading above  */
.module>img,
.module>a>img {
  margin: 0 0 0.8em 0;
}

/* with heading below image */
.module>img+.module-heading {
  margin-top: -0.75em;
  margin-bottom: 0em
}

.module>img+.module-heading+p {
  margin-top: -0.5em;
}

/* module box with solid background colour */
.module-box {
  background: #efede9;
  border-top: 4px solid #dedcd2;
  margin-bottom: 1.5em;
  overflow: hidden;
  padding-left: 1.5%
    /* for full width */
  ;
  padding-right: 1.5%
    /* for full width */
  ;
  /* testing */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.grid_8 .module-box {
  padding-left: 3%;
  padding-right: 3%;
}

.grid_4 .module-box,
.grid_3 .module-box {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.grid_6 .module-box {
  padding-left: 3.5% !important;
  padding-right: 3.5% !important;
}

.align-right.module-box {
  padding-left: 2.4% !important;
  padding-right: 2.4% !important;
}

/* module box headings */
.module-box .module-heading {
  border: 0;
  padding-top: 0.575em;
}

.ie6 .module-box .module-heading,
.ie7 .module-box .module-heading,
.ie8 .module-box .module-heading {
  margin: 0;
  zoom: 1;
}

.module-box .module-heading a {
  border: 0;
}


.module-box .module-heading:before {
  content: none !important;
}

/* headings for coloured module boxes */
[class*="module-box-b"] .module-heading,
[class*="module-box-d"] .module-heading,
[class*="module-box-b"] .module-heading a,
[class*="module-box-d"] .module-heading a {
  color: #fff;
  text-decoration: none
}

[class*="module-box-b"] .module-heading a:hover,
[class*="module-box-d"] .module-heading a:hover,
[class*="module-box-b"] .module-heading a:focus,
[class*="module-box-d"] .module-heading a:focus {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none
}

/* module box links */
[class*="module-box-"] a {
  color: #fff;
  text-decoration: underline
}

[class*="module-box-"] a:hover,
[class*="module-box-"] a:focus,
[class*="bg-"] a:hover,
[class*="bg-"] a:focus {
  color: rgba(255, 255, 255, 0.7);
}


/* killing before content on module headings */
.module-box .module-heading a:hover:before,
.module-box .module-heading a:focus:before {
  content: none;
}

[class*="module-box-"] .list-links a {
  text-decoration: none
}

[class*="module-box-"] .list-links a:hover {
  color: #fff !important
}

[class*="module-box-"] {
  color: #fff;
}

[class*="module-box-"] select,
[class*="module-box-"] input[type="text"],
[class*="module-box-"] textarea,
[class*="module-box-"] option {
  color: #333;
}

.module-box p:last-child {
  margin-bottom: 0.75em;
}

/* making imgs stretch full box on module box
  whether wrapped in a heading or not */
.module-box .module-heading a img,
.module-box>a>img,
.module-box .module-heading>img,
.module-box>img {
  left: -5.7%;
  position: relative;
  max-width: 112%;
}

.grid_6 .module-box .module-heading a img,
.grid_6 .module-box>a>img,
.grid_6 .module-box .module-heading>img,
.grid_6 .module-box>img {
  left: -3.75%;
}

.grid_8 .module-box .module-heading a img,
.grid_8 .module-box>a>img,
.grid_8 .module-box .module-heading>img,
.grid_8 .module-box>img {
  left: -3.75%;
}

/* fixing for align-right modules */
.align-right.module-box .module-heading a img,
.align-right.module-box>a>img,
.align-right.module-box .module-heading>img,
.align-right.module-box>img {
  left: -5.7%;
  position: relative;
  max-width: 112%;
}


/* making list links full box on module */
.module-box .list-links {
  width: 112%;
  left: -5.6%;
  position: relative;
}

/* #MODULE BOX COLOURS */
/* black */
.module-box-d-black,
.module-box-d-black .module-heading a,
.img-sl-d-black {
  background: #161b20;
  border-color: #161b20;
}

/* bright aqua */
.module-box-b-aqua {
  background: #06827d;
  border-color: #06827d;
}

.module-box-b-aqua [class*="icon-"]:before,
.module-box-b-aqua [class*="icon-"]:after,
.module-box-b-aqua blockquote p:before,
.module-box-b-aqua blockquote p:after {
  color: #003d4c;
}

/* dark aqua */
.module-box-d-aqua {
  background: #003d4c;
  border-color: #003d4c;
}

.module-box-d-aqua [class*="icon-"]:before,
.module-box-d-aqua blockquote p:before,
.module-box-d-aqua blockquote p:after,
.module-box-tint-b-aqua [class*="icon-"]:before,
.module-box-tint-b-aqua [class*="icon-"]:after,
.module-box-tint-b-aqua blockquote p:before,
.module-box-tint-b-aqua blockquote p:after {
  color: #06827d;
}

/* bright blue */
.module-box-b-blue {
  background: #1c7698;
  border-color: #1c7698;
}

.module-box-b-blue [class*="icon-"]:before,
.module-box-b-blue [class*="icon-"]:after,
.module-box-b-blue blockquote p:before,
.module-box-b-blue blockquote p:after {
  color: #002f5f;
}


/* dark blue */
.module-box-d-blue {
  background: #002f5f;
  border-color: #002f5f;
}

.module-box-d-blue [class*="icon-"]:before,
.module-box-d-blue blockquote p:before,
.module-box-d-blue blockquote p:after,
.module-box-tint-b-blue [class*="icon-"]:before,
.module-box-tint-b-blue [class*="icon-"]:after,
.module-box-tint-b-blue blockquote p:before,
.module-box-tint-b-blue blockquote p:after {
  color: #1c7698;
}

/* bright purple */
.module-box-b-purple {
  background: #806ab7;
  border-color: #806ab7;
}

.module-box-b-purple [class*="icon-"]:before,
.module-box-b-purple [class*="icon-"]:after,
.module-box-b-purple blockquote p:before,
.module-box-b-purple blockquote p:after {
  color: #42145f;
}

/* dark purple */
.module-box-d-purple {
  background: #42145f;
  border-color: #42145f;
}

.module-box-d-purple [class*="icon-"]:before,
.module-box-d-purple blockquote p:before,
.module-box-d-purple blockquote p:after,
.module-box-tint-b-purple [class*="icon-"]:before,
.module-box-tint-b-purple [class*="icon-"]:after,
.module-box-tint-b-purple blockquote p:before,
.module-box-tint-b-purple blockquote p:after {
  color: #806ab7;
}

/* bright pink */
.module-box-b-pink {
  background: #cb238e;
  border-color: #cb238e;
}

.module-box-b-pink [class*="icon-"]:before,
.module-box-b-pink [class*="icon-"]:after,
.module-box-b-pink blockquote p:before,
.module-box-b-pink blockquote p:after {
  color: #772059;
}

/* dark pink */
.module-box-d-pink {
  background: #772059;
  border-color: #772059;
}

.module-box-d-pink [class*="icon-"]:before,
.module-box-d-pink blockquote p:before,
.module-box-d-pink blockquote p:after,
.module-box-tint-b-pink [class*="icon-"]:before,
.module-box-tint-b-pink [class*="icon-"]:after,
.module-box-tint-b-pink blockquote p:before,
.module-box-tint-b-pink blockquote p:after {
  color: #cb238e;
}

/* bright red */
.module-box-b-red {
  background: #c9002f;
  border-color: #c9002f;
}

.module-box-b-red [class*="icon-"]:before,
.module-box-b-red [class*="icon-"]:after,
.module-box-b-red blockquote p:before,
.module-box-b-red blockquote p:after {
  color: #5e3032;
}

/* dark red */
.module-box-d-red {
  background: #5e3032;
  border-color: #5e3032;
}

.module-box-d-red [class*="icon-"]:before,
.module-box-d-red blockquote p:before,
.module-box-d-red blockquote p:after,
.module-box-tint-b-red [class*="icon-"]:before,
.module-box-tint-b-red [class*="icon-"]:after,
.module-box-tint-b-red blockquote p:before,
.module-box-tint-b-red blockquote p:after {
  color: #c9002f;
}

/* bright yellow */
.module-box-b-yellow {
  background: #c28a0e;
  border-color: #c28a0e;
}

.module-box-b-yellow [class*="icon-"]:before,
.module-box-b-yellow [class*="icon-"]:after,
.module-box-b-yellow blockquote p:before,
.module-box-b-yellow blockquote p:after {
  color: #86431e;
}


/* dark yellow */
.module-box-d-yellow {
  background: #86431e;
  border-color: #86431e;
}

.module-box-d-yellow [class*="icon-"]:before,
.module-box-d-yellow blockquote p:before,
.module-box-d-yellow blockquote p:after,
.module-box-tint-b-yellow [class*="icon-"]:before,
.module-box-tint-b-yellow [class*="icon-"]:after,
.module-box-tint-b-yellow blockquote p:before,
.module-box-tint-b-yellow blockquote p:after {
  color: #c28a0e;
}

/* bright lime */
.module-box-b-lime {
  background: #7e8b27;
  border-color: #7e8b27;
}

.module-box-b-lime [class*="icon-"]:before,
.module-box-b-lime [class*="icon-"]:after,
.module-box-b-lime blockquote p:before,
.module-box-b-lime blockquote p:after {
  color: #53682b;
}

/* dark lime */
.module-box-d-lime {
  background: #53682b;
  border-color: #53682b;
}

.module-box-d-lime [class*="icon-"]:before,
.module-box-d-lime blockquote p:before,
.module-box-d-lime blockquote p:after,
.module-box-tint-b-lime [class*="icon-"]:before,
.module-box-tint-b-lime [class*="icon-"]:after,
.module-box-tint-b-lime blockquote p:before,
.module-box-tint-b-lime blockquote p:after {
  color: #7e8b27;
}

/* bright green */
.module-box-b-green {
  background: #2c882e;
  border-color: #2c882e;
}

.module-box-b-green [class*="icon-"]:before,
.module-box-b-green [class*="icon-"]:after,
.module-box-b-green blockquote p:before,
.module-box-b-green blockquote p:after {
  color: #024731;
}

/* dark green */
.module-box-d-green {
  background: #024731;
  border-color: #024731;
}

.module-box-d-green [class*="icon-"]:before,
.module-box-d-green blockquote p:before,
.module-box-d-green blockquote p:after,
.module-box-tint-b-green [class*="icon-"]:before,
.module-box-tint-b-green [class*="icon-"]:after,
.module-box-tint-b-green blockquote p:before,
.module-box-tint-b-green blockquote p:after {
  color: #2c882e;
}


/* MODULE BOX TINTS */

/* Tints global */
[class*="module-box-tint-"] * {
  color: #333 !important
}

[class*="module-box-tint-"] a {
  color: #333;
}

[class*="module-box-tint-"] a.btn,
[class*="module-box-tint-"] a.btn:hover,
[class*="module-box-tint-"] a.btn:focus,
[class*="module-box-tint-"] input[type="submit"],
[class*="module-box-tint-"] input[type="submit"]:hover,
[class*="module-box-tint-"] input[type="submit"]:focus {
  color: #fff !important;
}

[class*="module-box-tint-"] a:hover,
[class*="module-box-tint-"] a:focus,
[class*="module-box-tint-"] a:hover span,
[class*="module-box-tint-"] a:focus span {
  color: rgba(0, 0, 0, 0.5) !important
}

[class*="module-box-tint-"] .module-heading a {
  text-decoration: none;
}

[class*="module-box-tint-"] .module-heading a:before,
[class*="module-box-tint-"] .module-heading a:before,
[class*="module-box-tint-"] .module-heading a:hover:before,
[class*="module-box-tint-"] .module-heading a:hover:before {
  content: none;
}


/* bright aqua */
.module-box-tint-b-aqua {
  background: rgba(6, 130, 125, 0.2);
  border-color: #06827d;
}

.module-box-tint-b-aqua .module-heading a:hover,
.module-box-tint-b-aqua .module-heading a:focus {
  color: #06827d;
}

/* bright blue */
.module-box-tint-b-blue {
  background: rgba(28, 118, 152, 0.2);
  border-color: #1c7698
}

.module-box-tint-b-blue .module-heading a:hover,
.module-box-tint-b-blue .module-heading a:focus {
  color: #1c7698;
}

/* bright purple */
.module-box-tint-b-purple {
  background: rgba(128, 106, 183, 0.2);
  border-color: #806ab7
}

.module-box-tint-b-purple .module-heading a:hover,
.module-box-tint-b-purple .module-heading a:focus {
  color: #806ab7;
}

/* bright pink */
.module-box-tint-b-pink {
  background: rgba(203, 35, 142, 0.2);
  border-color: #cb238e
}

.module-box-tint-b-pink .module-heading a:hover,
.module-box-tint-b-pink .module-heading a:focus {
  color: #cb238e;
}

/* bright red */
.module-box-tint-b-red {
  background: rgba(224, 0, 52, 0.2);
  border-color: #c9002f
}

.module-box-tint-b-red .module-heading a:hover,
.module-box-tint-b-red .module-heading a:focus {
  color: #c9002f
}

/* bright yellow */
.module-box-tint-b-yellow {
  background: rgba(194, 138, 14, 0.2);
  border-color: #c28a0e
}

.module-box-tint-b-yellow .module-heading a:hover,
.module-box-tint-b-yellow .module-heading a:focus {
  color: #c28a0e;
}

/* bright green */
.module-box-tint-b-green {
  background: rgba(44, 136, 46, 0.2);
  border-color: #2c882e
}

.module-box-tint-b-green .module-heading a:hover,
.module-box-tint-b-green .module-heading a:focus {
  color: #2c882e;
}

/* bright lime */
.module-box-tint-b-lime {
  background: rgba(126, 139, 39, 0.2);
  border-color: #7e8b27
}

.module-box-tint-b-lime .module-heading a:hover,
.module-box-tint-b-lime .module-heading a:focus {
  color: #7e8b27;
}

/* end of module colours */




/* list-links within module-box */
.module .list-links {
  margin-bottom: 0;
  /* margin-top: -0.85em!important; only used when following an image */
}

[class*="module-box-"] .list-links {
  border-color: #bbb;
  border-color: rgba(255, 255, 255, 0.3);
}


[class*="module-box-"] .list-links li {
  border-color: #bbb;
  border-color: rgba(255, 255, 255, 0.3);
}

[class*="module-box-"] .list-links a {
  background: none;
  color: white;
}

[class*="module-box-"] .list-links a:hover,
[class*="module-box-"] .list-links a:focus {
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

[class*="module-box-tint"] .list-links {
  border-color: #333;
  border-color: rgba(0, 0, 0, 0.1) !important;
}


[class*="module-box-tint"] .list-links li {
  border-color: #bbb;
  border-color: rgba(0, 0, 0, 0.1);
}

[class*="module-box-tint"] .list-links a {
  background: none;
  color: #333;
}

[class*="module-box-tint"] .list-links a:hover,
[class*="module-box-tint"] .list-links a:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #333 !important;
}


/* straplines on top of images */
/* colours specified in modules */
.img-with-strapline {
  position: relative;
  margin: 0 0 1.5em 0;
}

.img-with-strapline img {
  display: block
}

.img-strapline {
  position: absolute;
  bottom: 1em;
  margin: 0;
  left: 0;
  color: #fff;
  padding: 0.5em 1em !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.img-strapline>a,
a.img-strapline {
  color: #fff;
}

a.img-strapline:hover,
a.img-strapline:focus {
  text-decoration: none;
}

.img-sl-fullwidth {
  width: 100%;
  text-align: center;
}

.img-sl-bottom {
  bottom: 0;
}

.img-sl-top {
  top: 1em;
  bottom: auto !important;
}


.portalUser {
  position: absolute;
  right: 10px;
  padding: 4px 5px 4px 20px;
  color: #344046;
  font-size: .875em;
  line-height: 1.3;
}

/* #TOOLTIPS */
.tooltip {
  position: relative;
}

.tooltip span {
  position: absolute;
  left: -2000px;
  display: block;
}

.tooltip:hover,
.tooltip:focus {
  outline: none;
  text-decoration: none;
}

.tooltip:hover span,
.tooltip:focus span {
  left: 0;
  display: inline;
  position: absolute;
  background: white;
  padding: 1em;
  width: 25em;
  z-index: 20;
  margin-top: 1.5em;
  border: 1px solid #dedcd2;
  color: #333;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  z-index: 200;
}

/* #HEROS */

.hero-container {
  background: #efede9;
  margin: -3em 0 3.0em 0;
  position: relative;
  z-index: 1;
}

.hero-container .width-master {
  max-width: 1182px;
}

.hero-container+#uobcms-wrapper {
  padding-top: 0.5em;
}

.hero-hp {
  overflow: auto;
  position: relative;
  top: 1.5em;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
  padding: 0 2px 2px 2px;
  background: white;
}


.ie6 .hero-hp,
.ie7 .hero-hp,
.ie8 .hero-hp {
  border: 1px solid #dedcd2;
  border-top: 0;
}

/* MEGA FOOTER FIXES */

#mega-footer {
  background: #efede9 !important;
  clear: none;
}


/* #TABS */
.contentTabs {
  border-bottom: 1px solid #dedcd2;
  padding: 1em 0 0 0;
  margin: 0 0 0 0;
  font-size: 0.875em;
  width: 100%;
  /* may want to change this width */
}

.contentTabs li {
  list-style-type: none;
  list-style-image: none;
  display: inline;
  padding: 0;
  margin: 0;
  z-index: 2;
}

.contentTabs li a {
  padding: 0.5em 0.75em;
  text-decoration: none;
  color: #333;
  display: inline-block;
  position: relative;
  top: 1px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  background: #efede9;
  border: 1px solid #efede9;
  border-bottom: 0;
}

.contentTabs li a:hover,
.contentTabs li a:focus {
  outline: none;
  text-decoration: none;
  border-color: #dedcd2;
  background: #fff
}


.contentTabs li a.active {
  border: 1px solid #dedcd2;
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
  cursor: default;
  text-decoration: none !important;
  background: #fff;
  border-bottom-color: #fff;
}


.hiddenContentTab {
  display: none !important;
}


.contentTab {
  min-width: 100px;
  background: #fff;
  padding: 1.25em 0.75em 1em 0.75em;
  margin-bottom: 1.5em;
  border-left: 1px solid #dedcd2
}

.contentTab h2 {
  margin: 0 0 1.0em 0;
  line-height: 1.3125em;
}

.contentTab h3,
.contentTab h4,
.contentTab h5,
.contentTab h6 {
  margin-bottom: 1.0em;
}

.contentTab .module h2,
.contentTab .module h3,
.contentTab .module h4,
.contentTab .module h5,
.contentTab .module h6 {
  margin-bottom: 0;
}

.contentTabs-box {
  margin-bottom: 0 !important;
}

/* Drop down menus */
.jsActive .drop-down-listing,
.jsActive #page-contents {
  display: none;
}

.jsActive .drop-down-menu {
  border-bottom: 1px solid #dedcd2;
  margin-bottom: 1.5em;
}

.drop-down-menu .drop-down-header {
  display: block;
  background: #efede9;
  padding: 0.5em 0.5em 0.5em 2.25em;
  margin: 0 !important;
  font-weight: normal;
  color: #333;
  cursor: pointer;
  border-top: 1px solid #dedcd2;
  border-bottom: 0;
  font-size: 0.875em;
  position: relative;
}

.contentTab .drop-down-menu .drop-down-header {
  font-size: 1em;
}

.drop-down-menu .drop-down-header:before {
  content: "\e00e";
  margin-right: 0.5em;
  color: #beb9a6;
  top: 0.85em !important;
  font-size: 0.9em;
  /* scaling down */
  position: absolute;
  left: 0.75em;
  top: 0.25em;
}

.drop-down-menu .drop-down-header:hover {
  background-color: #fff;
}

.drop-down-menu .drop-down-header.active:before {
  content: "\e00f";
  font-size: 0.9em;
  /* scaling down */
  top: 0.85em !important;
  color: #beb9a6;
}

.drop-down-menu .drop-down-header a {
  text-decoration: none;
  color: #333 !important;
}

.drop-down-menu .content-padding {
  margin: 0;
  padding: 1em 0 0 0.35em;
}

/* increase indent of additional levels */
.drop-down-child {
  margin-left: 16px;
}

/* kill back to top */
.btop {
  display: none;
  visibility: hidden;
}




/* Google search */
#___gcse_0 {
  width: 100%;
}

.gs-title,
.gs-title b {
  color: #0D5BAB !important;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 0.1em
}

.gs-title:hover,
.gs-title:focus {
  text-decoration: underline !important;
}

.gs-visibleUrl {
  font-size: 14px !important;
  line-height: 1.5em !important;
  color: #2c882e !important;
  font-style: italic;
}

.gs-snippet {
  font-size: 14px !important;
  line-height: 1.5em !important;
}

.gsc-table-result {
  margin-bottom: 0.5em !important;
  width: 75% !important;
  line-height: 1.5em !important;
}

.gsc-webResult.gsc-result,
.gsc-control-cse {
  padding: 0 !important
}


.gsc-result-info {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #666 !important;
}


.gsc-orderby-label,
.gsc-selected-option,
.gsc-option-menu {
  font-size: 14px !important;
  color: #666 !important;
  font-weight: normal;
}

.gsc-above-wrapper-area-container {
  margin-bottom: 0 !important
}

.gsc-above-wrapper-area {
  border-color: #dedcd2 !important;
}

.gsc-cursor-page {
  background: #efede9;
  padding: 0.5em;
  font-size: 14px;
  text-decoration: none !important;
  border: 1px solid #efede9;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gsc-cursor {
  padding-top: 1.5em !important;
  display: block !important;
}

.gsc-cursor-page:hover {
  background: #fff;
  border-color: #dedcd2;
}

.gsc-cursor-current-page {
  background: #fff;
  border: #fff;
  color: #333 !important;
  font-weight: normal !important;
}

input.gsc-input {
  padding: 0.5em !important;
  font-size: 14px !important;
  border-color: #dedcd2 !important;
  padding: .45em !important;
  color: #666 !important;
  border: 1px solid #dedcd2 !important;
  width: 10em !important;
  line-height: 14px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  width: 100% !important;
}

/* #COLOURS */
/* for background */
.bg-b-aqua,
.bg-b-aqua-opacity {
  background: #06827d
}

.bg-b-aqua-opacity {
  background: rgba(6, 130, 125, 0.90)
}

.bg-b-blue,
.bg-b-blue-opacity {
  background: #1c7698
}

.bg-b-blue-opacity {
  background: rgba(28, 118, 152, 0.90)
}

.bg-b-purple,
.bg-b-purple-opacity {
  background: #806ab7
}

.bg-b-purple-opacity {
  background: rgba(128, 106, 183, 0.90)
}

.bg-b-pink,
.bg-b-pink-opacity {
  background: #cb238e
}

.bg-b-pink-opacity {
  background: rgba(203, 35, 142, 0.90)
}

.bg-b-red,
.bg-b-red-opacity {
  background: #c9002f
}

.bg-b-red-opacity {
  background: rgba(201, 0, 47, 0.90)
}

.bg-b-yellow,
.bg-b-yellow-opacity {
  background: #c28a0e
}

.bg-b-yellow-opacity {
  background: rgba(194, 138, 14, 0.90)
}

.bg-b-lime,
.bg-b-lime-opacity {
  background: #7e8b27
}

.bg-b-lime-opacity {
  background: rgba(126, 139, 39, 0.90)
}

.bg-b-green,
.bg-b-green-opacity {
  background: #2c882e
}

.bg-b-green-opacity {
  background: rgba(44, 136, 46, 0.90)
}

.bg-d-aqua,
.bg-d-aqua-opacity {
  background: #003d4c
}

.bg-d-aqua-opacity {
  background: rgba(0, 61, 76, 0.90)
}

.bg-d-blue,
.bg-d-blue-opacity {
  background: #002f5f
}

.bg-d-blue-opacity {
  background: rgba(0, 47, 95, 0.90)
}

.bg-d-purple,
.bg-d-purple-opacity {
  background: #42145f
}

.bg-d-purple-opacity {
  background: rgba(66, 20, 95, 0.90)
}

.bg-d-pink,
.bg-d-pink-opacity {
  background: #772059
}

.bg-d-pink-opacity {
  background: rgba(119, 32, 89, 0.90)
}

.bg-d-red,
.bg-d-red-opacity {
  background: #5e3032
}

.bg-d-red-opacity {
  background: rgba(94, 48, 50, 0.90)
}

.bg-d-yellow,
.bg-d-yellow-opacity {
  background: #86431e
}

.bg-d-yellow-opacity {
  background: rgba(134, 67, 30, 0.90)
}

.bg-d-lime,
.bg-d-lime-opacity {
  background: #53682b
}

.bg-d-lime-opacity {
  background: rgba(83, 104, 43, 0.90)
}

.bg-d-green,
.bg-d-green-opacity {
  background: #024731
}

.bg-d-green-opacity {
  background: rgba(2, 71, 49, 0.90)
}

.bg-stone {
  background: #efede9
}

.bg-black,
.bg-black-opacity {
  background: #161b20
}

.bg-black-opacity {
  background: rgba(22, 27, 32, 0.70)
}

.bg-red {
  background: #b01c2e
}

[class*="bg-d-"],
[class*="bg-b-"],
.bg-black,
.bg-red,
.bg-black-opacity {
  color: #fff;
}

[class*="bg-d-"] input[type=submit],
.bg-black input[type=submit],
.bg-red input[type=submit] {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding !important;
  background-clip: padding-box !important;
}

[class*="bg-b-"] input[type=submit] {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  -moz-background-clip: padding !important;
  -webkit-background-clip: padding !important;
  background-clip: padding-box !important;
}

/* applying background to a paragraph */
p[class*="bg-"] {
  padding: 1em
}

.grid_3 p[class*="bg-"],
.grid_4 p[class*="bg-"] {
  font-size: 0.875em
}

/* Events */
/* EVENTS */

.event-speaker,
.event-venue {
  font-style: italic;
  display: block;
}

.container-event-pics {
  width: auto;
}

.img-event {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.75em;
}

.caption {
  margin: 0 0 1.5em 0;
}

.date-venue-container {
  background: #efede9;
  padding: 1.5em 5% 1.5em 5%;
  margin-bottom: 1.5em;
}

.date-venue-container h2 {
  margin: 0 0 0.75em 0
}

.date-venue-container .event-date {
  font-weight: bold
}

.date-venue-container p {
  margin-bottom: 0 !important
}

.date-venue-container p:last-child {
  margin-bottom: 0 !important
}

.event-cancelled {
  background: #B01C2E;
  color: white;
  padding: 0.5em 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 0em;
  position: relative;
  z-index: 1
}

.event-cancelled+.date-venue-container {
  margin-top: -4px;
}

.event-title .cancelled {
  margin-left: 0.25em;
  padding: 0.1em 0.25em;
  text-transform: lowercase;
}

.list-events .event-cancelled {
  width: auto;
  padding: 0;
  background: none;
  color: #B01C2E;
  font-weight: bold;
  text-align: left
}

.list-events.list-with-thumbs .event-cancelled {
  padding-left: 20%;
}

.event-comma {
  display: none !important;
  visibility: hidden !important
}

.list-events .event-date {
  color: #666;
}

[class*="module-box-"] .list-events .event-date {
  color: #fff;
  color: rgba(255, 255, 255, 0.8)
}

[class*="module-box-tint-"] .list-events .event-date {
  color: #666 !important;
}

#event-further-info h4:first-child {
  color: #333;
  font-size: 16px;
  padding: 1em 0 0 0;
  font-weight: bold;
  font-style: normal
}

/* top event */
div.event-top {
  padding-bottom: 1.5em;
  overflow: auto;
}

div.event-top .event-title {
  padding-top: 0.2em;
}

div.event-top a {
  font-size: 24px !important;
  font-weight: normal !important;
  font-family: Georgia !important;
  line-height: 1.2em !important
}

div.event-top .event-date {
  margin-bottom: 0.25em;
  font-size: 14px
}

div.event-top .event-thumb {
  float: left;
  margin-bottom: 0.75em;
  width: 33% !important;
}

div.event-top .event-speaker {
  font-size: 14px;
  display: block;
  margin-bottom: 1.5em;
}

div.event-top a {
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.25em;
  display: block;
}

div.event-top:after {
  content: " ";
  display: block;
  width: 100%;
  border-top: 1px solid #dedcd2;
  border-bottom: 1px solid #dedcd2;
  height: 2px;
  clear: both
}

#top-event-div-with-thumb .event-speaker,
#top-event-div-with-thumb .event-title,
#top-event-div-with-thumb .event-date {
  padding-left: 36.5%;
  display: block
}


/* CSS animations */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/* Walking tour teaser */
#wt-teaser {
  background: #E4EFF0 url(https://www.bristol.ac.uk/media-library/protected/images/icon-iphone.png) right top no-repeat;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 45px;
  height: 45px;
  margin: 16px 0 16px 0;
  padding: 6px 35px 6px 6px;
  color: #333;
  font-size: 84%;
  border: 1px solid #d1e2e4;
  line-height: 1.1;
}

#wt-teaser img {
  float: left;
  border: none
}

#wt-teaser span {
  display: block;
  margin-left: 48px;
}

#wt-teaser span a {
  color: #333
}

#wt-teaser small {
  display: block;
}

#wt-teaser small a {
  font-weight: normal;
  font-size: 13px;
}

/* walking tour app left nav graphic by ben hayes 010911 */
a#walking-tour-nav {
  display: block;
  margin: 10px 0 10px 0;
  background: #fff;
}

#walking-tour-nav img {
  border: none;
  padding: 5px 0 5px 5px
}

/* make youtube videos responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 1.5em;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* direct edit */
a.t4Edit-page {
  position: absolute;
  bottom: 0;
  right: 2.7%;
  z-index: 12;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  color: #666;
  display: inline-block;
  padding: 0.5em 0 0 1em;
}

@media print {
  a.t4Edit-page {
    display: none;
  }
}