/* #4e4b51 dark grey */
/* #fff0db cream */
/* #bd9865 tan */
/* #ffcd88 bright cream */
/*@primarylink 			: rgb(145,164,0);  */
/* #91a400 original olive green */
/* #8A9E25 darker olive green */
/* #676F20 much darker olive green for green text on tan background */
/* #90A527 lighter olive green for green text on mobile off-canvas dark grey nav background */
/* #195190 dark blue */
/* #decbb2 beige */
/* #babca6 soft green */
/* #e2e6ef light blue */
/* #eee5d8 light beige */
/* #54585c dark grey */
/* #929497 64% dark grey */
/* #fff6e9 light cream */
/* #edeff5 lightest blue */
/* #dbdfeb light blue */
/* #b7c0d7 mid blue */
/* #cdb18b darker beige */
/* #4A4351 dark grey */
/*@homefeaturetext		: rgb(50,166,204);*/
/* #32a6cc original sky blue */
/* #057EB6 darker sky blue */
/* #efe9e2 beige */
/* #479bb7 teal */
/* #7f8e16 olive green */
/* #707454 drab green */
/* #efca98 bright cream */
/* #e01414 red */
/* #b51e1a red */
/* #ffffff white */
/* #333 */
/* #808080 */
/* #CCC */
/* #000000 black */
/* #3686a0 slate blue */
/* #a2a2a1 grey */
/* #f7941d orange */
/* #c02f25 red */
/* #b69a5d darker beige */
/* Proxima Nova Bold

	font-family: proxima-nova, sans-serif;

	font-weight: 700;

	font-style: normal;

Proxima Nova Bold Italic

	font-family: proxima-nova, sans-serif;

	font-weight: 700;

	font-style: italic;

Proxima Nova Regular

	font-family: proxima-nova, sans-serif;

	font-weight: 400;

	font-style: normal;

Proxima Nova Italic

	font-family: proxima-nova, sans-serif;

	font-weight: 400;

	font-style: italic;

*/
/* Break points

320

350 - minor (follow us and share buttons)

380 - minor (person cards and person box)

480 - minor (images and forms, picture text block)

560 - minor (definition lists in contact and person, icons in person)

600 - minor (publications, person cards)

640 - minor (blockquotes)

660 - minor (homepage study header text)

768

860 - minor (icons in person)

900 - minor (definition lists in contact)

920 - minor (publications, person cards)

980

1200

1113 - minor (news & events social video stripe)

1366 - max width of banners

*/
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.visuallyhidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.focusable.visuallyhidden:active,
.focusable.visuallyhidden:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.focusable {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* GRID OF TWO */
.span_2_of_2_mixin {
  width: 100%;
}
.span_1_of_2_mixin {
  width: 48.5%;
}
/* GRID OF THREE */
.span_3_of_3_mixin {
  width: 100%;
}
.span_2_of_3_mixin {
  width: 65.66%;
}
.span_1_of_3_mixin {
  width: 31.33%;
}
/* GRID OF FOUR */
.span_4_of_4_mixin {
  width: 100%;
}
.span_3_of_4_mixin {
  width: 74.25%;
}
.span_2_of_4_mixin {
  width: 48.5%;
}
.span_1_of_4_mixin {
  width: 22.75%;
}
/*  GRID OF SIX (SPECIAL measurements for footer only)  */
.span_6_of_6_mixin {
  width: 100%;
}
.span_5_of_6_mixin {
  width: 82.5%;
}
.span_4_of_6_mixin {
  width: 65%;
}
.span_3_of_6_mixin {
  width: 47.5%;
}
.span_2_of_6_mixin {
  width: 30%;
}
.span_1_of_6_mixin {
  width: 14%;
}
/* bits & bobs */
.col-first-child {
  margin-left: 0;
}
.no-bottom-border {
  border-bottom: none !important;
}
.picture-text-block.no-bottom-border {
  border-bottom: none !important;
  margin-bottom: 0;
}
/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
/*  Mobile-first default below 320px */
.col {
  display: block;
  float: left;
  margin: 0;
}
@media only screen and (min-width: 320px) {
  .col {
    margin: 0 0 0 3%;
  }
  .col:first-child {
    /* all browsers except IE6 and lower */
    margin-left: 0;
  }
}
/*  ALL GRIDS DEFAULT (mobile-first)   ============================================================================= */
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 100%;
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 100%;
}
.span_1_of_3 {
  width: 100%;
}
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 100%;
}
.span_2_of_4 {
  width: 100%;
}
.span_1_of_4 {
  width: 100%;
}
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
  width: 100%;
}
.span_3_of_5 {
  width: 100%;
}
.span_2_of_5 {
  width: 100%;
}
.span_1_of_5 {
  width: 100%;
}
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 100%;
}
.span_4_of_6 {
  width: 100%;
}
.span_3_of_6 {
  width: 100%;
}
.span_2_of_6 {
  width: 100%;
}
.span_1_of_6 {
  width: 100%;
}
/*  REFERENCE GRIDS   ============================================================================= */
@media only screen and (min-width: 320px) {
  /* GRID OF TWO */
  .span_2_of_2 {
    width: 100%;
  }
  .span_1_of_2 {
    width: 48.5%;
  }
  /* GRID OF THREE */
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 65.66%;
  }
  .span_1_of_3 {
    width: 31.33%;
  }
  /* GRID OF FOUR */
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 74.25%;
  }
  .span_2_of_4 {
    width: 48.5%;
  }
  .span_1_of_4 {
    width: 22.75%;
  }
  /* GRID OF FIVE */
  .span_5_of_5 {
    width: 100%;
  }
  .span_4_of_5 {
    width: 79.4%;
  }
  .span_3_of_5 {
    width: 58.8%;
  }
  .span_2_of_5 {
    width: 38.2%;
  }
  .span_1_of_5 {
    width: 17.6%;
  }
  /* GRID OF SIX */
  .span_6_of_6 {
    width: 100%;
  }
  .span_5_of_6 {
    width: 82.83%;
  }
  .span_4_of_6 {
    width: 65.66%;
  }
  .span_3_of_6 {
    width: 48.5%;
  }
  .span_2_of_6 {
    width: 31.33%;
  }
  .span_1_of_6 {
    width: 14.16%;
  }
}
/*  HEADER   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Each column takes up 100% of width */
#logo-nav-search-wrapper .logo,
#logo-nav-search-wrapper .main-nav-wrapper,
#logo-nav-search-wrapper .search {
  width: 100%;
  margin: 0;
}
#logo-nav-search-wrapper .main-nav-wrapper,
#logo-nav-search-wrapper .search {
  margin: 1em 0 0 0;
}
/*  768 PIXELS BREAKPOINT */
/* Logo and search take up 1/5 of width, main nav takes up 3/5 */
@media only screen and (min-width: 768px) {
  #logo-nav-search-wrapper .logo {
    width: 17.6%;
    /* span_1_of_5 */
  }
  #logo-nav-search-wrapper .search {
    width: 17.6%;
    /* span_1_of_5 */
    margin: 0 0 0 3%;
  }
  #logo-nav-search-wrapper .main-nav-wrapper {
    margin: 0 0 0 3%;
    width: 58.8%;
    /* span_3_of_5 */
  }
}
/*  CONTENT   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Subnav col is hidden, as menu is styled responsively at this point */
/* Main content takes up 100% of width */
.subnav-col {
  display: none;
}
.content-col {
  width: 100%;
  margin-left: 0;
}
/*  768 PIXELS BREAKPOINT */
/* Subnav col appears, taking up 1/3 of width */
/* Main content takes up 2/3 of width */
@media only screen and (min-width: 768px) {
  .subnav-col {
    width: 31.33%;
    /* span_1_of_3 */
    margin: 0;
    display: block;
    float: left;
  }
  .content-stripe-first .content-col {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 0 3%;
    display: block;
    float: left;
  }
  .content-stripe .content-col,
  .callout-stripe .content-col,
  .callout-stripe-image-only .content-col,
  .blockquote-stripe .content-col,
  .blockquote-img-stripe .content-col,
  .video-stripe .content-col,
  .social-video-stripe .content-col,
  .social-photo-stripe .content-col {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 0 34.33%;
    display: block;
    float: left;
  }
}
/*  FOOTER SHARE STRIPE   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Each column takes up 100% of width */
#footer-share-wrapper .share1,
#footer-share-wrapper .share2 {
  width: 100%;
  margin: 0;
}
#footer-share-wrapper .share2 {
  margin: 1em 0 0 0;
}
/*  768 PIXELS BREAKPOINT */
/* Share1 column takes up 1/3 of width, share2 takes up 2/3 */
@media only screen and (min-width: 768px) {
  #footer-share-wrapper .share1 {
    width: 31.33%;
    /* span_1_of_3 */
  }
  #footer-share-wrapper .share2 {
    margin: 0 0 0 3%;
    width: 65.66%;
    /* span_2_of_3 */
  }
}
/*  SUPERFOOTER   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Each column takes up 100% of width - use masonry technique up to 980px */
@media only screen and (max-width: 479px) {
  #superfooter-inner {
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    column-count: 1;
    column-gap: 0;
  }
  #superfooter-inner .super1,
  #superfooter-inner .super2,
  #superfooter-inner .super3,
  #superfooter-inner .super4,
  #superfooter-inner .super5,
  #superfooter-inner .super6 {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
}
/*  480 PIXELS BREAKPOINT */
/* Each column takes up half the width */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #superfooter-inner {
    -webkit-column-count: 2;
    -webkit-column-gap: 3%;
    -moz-column-count: 2;
    -moz-column-gap: 3%;
    column-count: 2;
    column-gap: 3%;
  }
  #superfooter-inner .super1,
  #superfooter-inner .super2,
  #superfooter-inner .super3,
  #superfooter-inner .super4,
  #superfooter-inner .super5,
  #superfooter-inner .super6 {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
}
/*  768 PIXELS BREAKPOINT */
/* Each column takes up 1/3 of width */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #superfooter-inner {
    -webkit-column-count: 3;
    -webkit-column-gap: 3%;
    -moz-column-count: 3;
    -moz-column-gap: 3%;
    column-count: 3;
    column-gap: 3%;
  }
  #superfooter-inner .super1,
  #superfooter-inner .super2,
  #superfooter-inner .super3,
  #superfooter-inner .super4,
  #superfooter-inner .super5,
  #superfooter-inner .super6 {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
}
/*  980 PIXELS BREAKPOINT */
/* Each column takes up 1/6 of width - use grid col technique from here upwards */
@media only screen and (min-width: 980px) {
  /* span_1_of_6 */
  #superfooter-wrapper .super1,
  #superfooter-wrapper .super2,
  #superfooter-wrapper .super3,
  #superfooter-wrapper .super4,
  #superfooter-wrapper .super5,
  #superfooter-wrapper .super6 {
    width: 14.16%;
    display: block;
    float: left;
  }
  #superfooter-wrapper .super1 {
    margin: 0 0 20px 0;
  }
  #superfooter-wrapper .super2,
  #superfooter-wrapper .super3,
  #superfooter-wrapper .super4,
  #superfooter-wrapper .super5,
  #superfooter-wrapper .super6 {
    margin: 0 0 20px 3%;
  }
}
/*  SUBFOOTER   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Each column takes up 100% of width */
#subfooter-wrapper .sub1,
#subfooter-wrapper .sub2,
#subfooter-wrapper .sub3 {
  width: 100%;
  margin: 0;
}
#subfooter-wrapper .sub2,
#subfooter-wrapper .sub3 {
  margin: 1em 0 0 0;
}
/*  768 PIXELS BREAKPOINT */
/* Columns 1 and 3 take up 1/2 of width */
@media only screen and (min-width: 768px) {
  #subfooter-wrapper .sub1,
  #subfooter-wrapper .sub3 {
    width: 48.5%;
    /* span_1_of_2 */
  }
  #subfooter-wrapper .sub2 {
    width: 100%;
    /* span_2_of_2 */
  }
  #subfooter-wrapper .sub1 {
    margin: 0;
  }
  #subfooter-wrapper .sub2 {
    margin: 0;
  }
  #subfooter-wrapper .sub3 {
    margin: 0 0 0 3%;
  }
}
/*  1100 PIXELS BREAKPOINT */
/* Each column takes up 1/3 of width */
@media only screen and (min-width: 1100px) {
  #subfooter-wrapper .sub1,
  #subfooter-wrapper .sub2,
  #subfooter-wrapper .sub3 {
    width: 31.33%;
    /* span_1_of_3 */
  }
  #subfooter-wrapper .sub1 {
    margin: 0;
  }
  #subfooter-wrapper .sub2 {
    margin: 0 0 0 3%;
  }
  #subfooter-wrapper .sub3 {
    margin: 0 0 0 3%;
    float: right;
  }
}
/*

TABLE OF CONTENTS

@@ LAYOUT
	@@ HEADER
	@@ HEADER BANNER
		trying out header banner backgrounds
		homepage header banner
	@@ BREADCRUMBS
	@@ MAIN NAV	[LINK TO FILE]
	@@ CONTENT
		@@ Content stripes
			Content stripe first
			Content stripe
			Callout stripe and search callout stripe
			Callout stripe with single large image only
			Blockquote stripe
			Blockquote img stripe
			Video stripe
			Social video stripe (news and events section homepage)
			Social photo stripe (MESA people page)
		@@ Content column
		@@ Subnav column

@@ TYPOGRAPHY (MAIN CONTENT AREA)
	@@ headings
		Callout stripe variation
		Video stripe variation
		Blockquote stripe variation
		Blockquote image stripe variation
		Picture text block variation
	@@ paragraphs	
		Callout stripe variation
		Video stripe variation
	@@ blockquote
		Blockquote stripe variation	
		Blockquote stripe variation with image
	@@ lists	
		Callout stripe variation list
	@@ follow us (in content area eg contact us page)
	@@ definition lists	
		Definition list on contact us page
		Definition list in person box (individual T8 person template)
		Definition list on Events page (T10 template variation)

@@ OTHER BITS AND PIECES
	@@ superscript and subscript
	@@ Hard rule

@@ LINKS	
	@@ search results callout stripe
	@@ file icons [EMPTY]
	@@ file icons in lists [EMPTY]
	@@ readmore
	@@ call to action button
	@@ pagination
	@@ back [EMPTY]
	@@ external link [EMPTY]

@@ IMAGES
	@@ Silverstripe image embedding in content area
	@@ Images and headings [EMPTY]

@@ TABLES [LINK TO FILE]

@@ FORMS
	@@ My form
		clearfix for form (like section group)
		my form styling
		required example in explanatory text outside form
	@@ SilverStripe form
	@@ People search form
	@@ News search form
	@@ stops iPhone zoom 

@@ SPECIAL ELEMENTS
	@@ hide this element in mobile view [EMPTY]
	@@ hide this element in screen view - for use in print stylesheet only
	@@ margin-top none [EMPTY]
	@@ accordion
		@@ people search accordion
		@@ advanced filters news accordion
	@@ picture text block	
		@@ publications picture text block
		 @@ picture text block for people (T8 template), research (T12 template) and homepage (T1 template)
	@@ people display cards	
	@@ individual person display double card
	@@ news display cards
	@@ event list map section on events T10
	@@ back to top [EMPTY]
	@@ make embedded videos and podcasts responsive
	@@ make embedded Google maps responsive

@@ FOOTER
	@@ share stripe
	@@ superfooter
	@@ subfooter

@@ HOMEPAGE	
	@@ our research areas
	@@ featured news
	@@ double video stripe
	@@ latest news stripe
	@@ news and events 2 x 2 stripe
	@@ upcoming events and twitter stripe REDUNDANT
	@@ other sections stripe
	@@ latest research and our people stripe

@@ WHAKAREWAREWA v1

@@ SITEMAP

@@ GLOBAL OBJECTS

@@ VENDOR-SPECIFIC

@@ ACCESSIBILITY
	@@ Skip links

*/
/* TEMPLATES LIST

t1-template			homepage
t2-template			section homepage
t3-template			content page
t4-template			contact us
t5-template			publications
t6-template			our people section homepage
t7-template			people summary page
t8-template			person page or pagelet
t9-template			news & events section homepage
t10-template		news item, event, video or podcast

t12-template		research summary page
t13-template		search results
t14-template		404 page
t15-template		sitemap

*/
/* @@ LAYOUT ============================================================================= */
body {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #4e4b51;
  background-color: #ffffff;
}
#container {
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 auto;
}
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
/* ----- @@ HEADER ----- */
#header-strip-wrapper {
  background-color: #4e4b51;
  /* Nov 21 - Have to change the header background colour without changing any other styles labelled as @headerstripbg (of which there are quite a few) */
  background-color: #ffffff;
}
#header-strip-inner {
  /*max-width: 1200px;*/
  max-width: 1340px;
  /* Nov 21 - to give us more room for a larger logo */
  margin: 0 auto;
  padding: 20px 5% 30px 5%;
}
@media only screen and (min-width: 320px) {
  #header-strip-inner {
    padding: 20px 4% 30px 4%;
  }
}
@media only screen and (min-width: 768px) {
  #header-strip-inner {
    /*padding: 11px 3% 20px 3%;*/
    /* Nov 21 */
    padding: 20px 3% 20px 3%;
  }
}
@media only screen and (min-width: 980px) {
  #header-strip-inner {
    /*padding: 11px 2% 20px 2%;*/
    /* Nov 21 */
    padding: 20px 2% 20px 2%;
  }
}
@media only screen and (min-width: 1200px) {
  #header-strip-inner {
    padding: 20px 2% 30px 2%;
  }
}
img.logo {
  margin-bottom: 0;
  /*margin-left: -7px;*/
  /* Nov 21 */
  margin-left: 0;
}
@media only screen and (min-width: 351px) {
  img.logo {
    max-width: 270px;
    /* Nov 21 */
    max-height: 74px;
    /* Nov 21 */
  }
}
@media only screen and (min-width: 768px) {
  img.logo {
    /*margin-bottom: -76px;*/
    /* Nov 21 */
    margin-bottom: -79px;
  }
}
@media only screen and (min-width: 1200px) {
  img.logo {
    /*margin-bottom: -65px;*/
    /* Nov 21 */
    margin-bottom: -74px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1255px) {
  img.logo {
    /*max-width: 220px;*/
    /* Nov 21 */
    max-width: 245px;
  }
}
.print-logo {
  display: none;
}
header {
  margin: 0 auto;
  text-align: left;
  z-index: 100;
  position: relative;
  color: #ffffff;
}
header .block {
  position: relative;
  margin: 0 auto;
}
header .block .block-title {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  /*@media only screen and (max-width: 320px) {*/
  /* Nov 21 */
}
header .block .block-title a {
  /*border: 1px solid red;
				border: 1px solid @headerstripbg;*/
  border: 1px solid #ffffff;
  /* 02/11/21 we need this in order to make the dropdowns work */
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  header .block .block-title a {
    z-index: 300;
  }
}
header .block .block-title a img {
  /*border: 1px solid blue;*/
}
@media only screen and (max-width: 350px) {
  header .block .block-title {
    margin-right: 50px;
  }
}
header .block .nav-btn {
  position: absolute;
  right: 0;
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  /*background: url(../img/nav-icon2.png) right center no-repeat;*/
  background: url(../img/nav-icon2.png?v=2) right center no-repeat;
  /* updated manually by TSG in the CSS file - fixed in LESS by AliG 04/05/24 */
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*top: 50%;*/
  /* Nov 21 */
  top: 24%;
  /*border: 1px solid yellow;*/
}
@media only screen and (min-width: 321px) {
  header .block .nav-btn {
    /*top: 35px;*/
    /* Nov 21 */
    top: 20px;
  }
}
header .block .nav-btn:hover,
header .block .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.no-svg .nav-btn {
  background-image: url(../img/nav-icon.png);
}
/* ----- @@ HEADER BANNER ----- */
/* trying out header banner backgrounds THESE WILL NEED UPDATING WHEN WE GET THE FINAL BANNERS */
.t1-template #header-banner {
  background: #1e3f75;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e3f75 0%, #3b8cc4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e3f75 0%, #3b8cc4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e3f75 0%, #3b8cc4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3f75', endColorstr='#3b8cc4', GradientType=1);
  /* IE6-9 */
}
.xxxt2-template #header-banner {
  background: #0f2650;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0f2650 0%, #9b6326 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0f2650 0%, #9b6326 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0f2650 0%, #9b6326 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f2650', endColorstr='#9b6326', GradientType=1);
  /* IE6-9 */
}
.xxxt3-template #header-banner {
  background: #3686a1;
}
.xxxt4-template #header-banner {
  background: #0e0e26;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0e0e26 0%, #0c619a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0e0e26 0%, #0c619a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0e0e26 0%, #0c619a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e26', endColorstr='#0c619a', GradientType=1);
  /* IE6-9 */
}
.xxxt5-template #header-banner {
  background: #596466;
  /* Old browsers */
  background: -moz-linear-gradient(left, #596466 0%, #218fdc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #596466 0%, #218fdc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #596466 0%, #218fdc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#596466', endColorstr='#218fdc', GradientType=1);
  /* IE6-9 */
}
.xxxt6-template #header-banner {
  background: #9d907f;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9d907f 0%, #292826 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9d907f 0%, #292826 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9d907f 0%, #292826 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d907f', endColorstr='#292826', GradientType=1);
  /* IE6-9 */
}
.xxxt7-template #header-banner {
  background: #9d907f;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9d907f 0%, #292826 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9d907f 0%, #292826 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9d907f 0%, #292826 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d907f', endColorstr='#292826', GradientType=1);
  /* IE6-9 */
}
.xxxt8-template #header-banner {
  background: #747a4e;
}
.xxxt9-template #header-banner {
  background: #195090;
}
.xxxt10-template #header-banner {
  background: #195090;
}
.xxxt12-template #header-banner {
  background: #00738c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #00738c 0%, #024555 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00738c 0%, #024555 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00738c 0%, #024555 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00738c', endColorstr='#024555', GradientType=1);
  /* IE6-9 */
}
.xxxt13-template #header-banner {
  background: #195090;
}
.xxxt14-template #header-banner {
  background: #3686a1;
}
.xxxt15-template #header-banner {
  background: #3686a1;
}
/* Finalised header banner backgrounds */
#header-banner {
  background: #4d4a51;
}
.about-us #header-banner {
  background: #1a5191;
}
.what-we-do #header-banner {
  background: #747a4e;
}
.our-people #header-banner {
  background: #36869f;
}
.news-and-events #header-banner {
  background: #1a5191;
}
.our-research #header-banner {
  background: #747a4e;
}
.our-partnerships #header-banner {
  background: #36869f;
}
#header-banner-inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#header-banner-inner h2 {
  display: none;
}
@media only screen and (min-width: 768px) {
  #header-banner-inner h2 {
    display: block;
    font-size: 30px;
    color: #ffffff;
    background: none;
    position: absolute;
    top: 44%;
    left: 20%;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 900px) {
  #header-banner-inner h2 {
    font-size: 34px;
  }
}
/* homepage header banner */
.t1-template #header-banner-inner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  background: url(../img/placeholders/banner-homepage.jpg) no-repeat 50% 0;
  background-size: cover;
}
@media only screen and (min-width: 900px) {
  .t1-template #header-banner-inner {
    min-height: 418px;
  }
}
.t1-template #header-banner-inner .text-wrapper {
  width: 90%;
  margin: 0 auto;
  padding: 20px 5% 1px 5%;
  text-align: left;
}
.t1-template #header-banner-inner .text-wrapper h1 {
  display: block;
  font-size: 24px;
  color: #ffffff;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 20px 0;
}
.t1-template #header-banner-inner .text-wrapper p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 600px) {
  .t1-template #header-banner-inner .text-wrapper {
    width: 74.25%;
    /* span_3_of_4 */
    padding: 40px 0 20px 0;
  }
  .t1-template #header-banner-inner .text-wrapper h1 {
    font-size: 30px;
    margin: 0 0 30px 0;
  }
}
@media only screen and (min-width: 900px) {
  .t1-template #header-banner-inner .text-wrapper {
    width: 65.66%;
    /* span_4_of_6 */
    padding: 82px 0 40px 0;
  }
  .t1-template #header-banner-inner .text-wrapper h1 {
    font-size: 34px;
    margin: 0 0 40px 0;
  }
}
/* ----- @@ BREADCRUMBS ----- */
#breadcrumbs {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#195090+0,36869f+100 */
  background: #195090;
  /* Old browsers */
  background: -moz-linear-gradient(left, #195090 0%, #36869f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #195090 0%, #36869f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #195090 0%, #36869f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195090', endColorstr='#36869f', GradientType=1);
  /* IE6-9 */
}
#breadcrumbs-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5%;
}
@media only screen and (min-width: 320px) {
  #breadcrumbs-inner {
    padding: 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  #breadcrumbs-inner {
    padding: 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  #breadcrumbs-inner {
    padding: 0 2%;
  }
}
#breadcrumbs-inner ul {
  background: url(../img/bg-breadcrumbs.png) no-repeat 0 50%;
  padding: 12px 0 14px 30px;
  line-height: 1;
}
@media only screen and (min-width: 600px) {
  #breadcrumbs-inner ul {
    padding: 18px 0 20px 30px;
  }
}
@media only screen and (min-width: 768px) {
  #breadcrumbs-inner ul {
    padding: 28px 0 30px 30px;
  }
}
#breadcrumbs-inner li {
  list-style-type: none;
  display: inline;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
}
#breadcrumbs-inner li a {
  color: #ffffff;
}
#breadcrumbs-inner li:after {
  content: '\203A';
  margin: 0 0 0 5px;
}
#breadcrumbs-inner li:last-child:after {
  content: '';
  margin: 0 0 0 5px;
}
/* ----- @@ MAIN NAV ----- */
/* ----- @@ CONTENT ----- */
#content-wrapper {
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.t1-template #content-wrapper {
  padding: 0;
}
/* ----- @@ Content stripes ----- */
/* Content stripe first */
.content-stripe-first {
  background-color: #ffffff;
}
.content-stripe-first-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5%;
}
@media only screen and (min-width: 320px) {
  .content-stripe-first-inner {
    padding: 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  .content-stripe-first-inner {
    padding: 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  .content-stripe-first-inner {
    padding: 0 2%;
  }
}
/* Content stripe */
.content-stripe {
  background-color: #ffffff;
}
.content-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5%;
}
@media only screen and (min-width: 320px) {
  .content-stripe-inner {
    padding: 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  .content-stripe-inner {
    padding: 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  .content-stripe-inner {
    padding: 0 2%;
  }
}
.content-stripe .content-stripe-inner .content-col:empty {
  background: purple;
}
.blockquote-img-stripe.herewegoagain {
  background: green;
  border: 1px solid red;
  margin-bottom: 0 !important;
}
/*.t8-template #content-wrapper .content-stripe:last-child {
	background: red;
	border: 2px solid green;
}

.t8-template #content-wrapper .blockquote-img-stripe + .content-stripe:last-child {
	background: pink;
	border: 2px solid yellow;
	margin-top: -37px;
}

.t8-template #content-wrapper .content-stripe:last-child .picture-text-block:last-child {
	background: purple;
	border: 2px solid orange;
}*/
/* Callout stripe and search callout stripe */
.callout-stripe {
  background-color: #decbb2;
  margin: 20px 0 37px 0;
}
.t13-template .callout-stripe {
  background-color: #babca6;
  margin: 20px 0 37px 0;
}
.video-stripe + .callout-stripe,
.blockquote-stripe + .callout-stripe,
.blockquote-img-stripe + .callout-stripe {
  margin: -37px 0 37px 0;
}
.callout-stripe-image-only + .callout-stripe,
.callout-stripe + .callout-stripe {
  margin: -18px 0 37px 0;
}
.callout-stripe:last-child,
.t13-template .callout-stripe:last-child {
  margin-bottom: -20px;
  overflow: hidden;
}
.callout-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .callout-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .callout-stripe-inner {
    padding: 0 3% 4px 3%;
    background: url(../img/bg-callout-stripe.png) repeat-y 29.5% 0;
  }
}
@media only screen and (min-width: 980px) {
  .callout-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.callout-stripe-inner img {
  width: auto;
  max-width: 100%;
  margin: 0 0 20px 0;
  border: 4px solid #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 480px) {
  .callout-stripe-inner .image-wrapper {
    float: right;
    width: 48.5%;
    /* span_1_of_2 */
    margin: 4px 0 0 32px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
  .callout-stripe-inner .image-wrapper {
    max-width: 220px;
  }
}
@media only screen and (min-width: 768px) {
  .callout-stripe-inner .image-wrapper {
    width: 38.2%;
    /* span_2_of_5 */
  }
}
@media only screen and (min-width: 480px) {
  .callout-stripe-inner .image-wrapper .image-wrapper-center {
    float: left;
    width: 100%;
    margin: 4px 0 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
  .callout-stripe-inner .image-wrapper .image-wrapper-center {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .callout-stripe-inner .image-wrapper .image-wrapper-center {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .t13-template .callout-stripe-inner {
    background: url(../img/bg-callout-stripe-search.png) repeat-y 29.5% 0;
  }
}
/* Callout stripe with single large image only */
.callout-stripe-image-only {
  background-color: #eee5d8;
  margin: 20px 0 37px 0;
}
.blockquote-stripe + .callout-stripe-image-only,
.blockquote-img-stripe + .callout-stripe-image-only,
.callout-stripe + .callout-stripe-image-only,
.video-stripe + .callout-stripe-image-only,
.callout-stripe-image-only + .callout-stripe-image-only {
  margin: -18px 0 37px 0;
}
.callout-stripe-image-only:last-child {
  /*margin-bottom: -20px;*/
  margin-bottom: 0;
  overflow: hidden;
}
.callout-stripe-image-only-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 0 5%;
}
@media only screen and (min-width: 320px) {
  .callout-stripe-image-only-inner {
    padding: 0 4% 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  .callout-stripe-image-only-inner {
    padding: 0 3% 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  .callout-stripe-image-only-inner {
    padding: 0 2% 0 2%;
  }
}
.callout-stripe-image-only-inner img {
  width: auto;
  max-width: 100%;
  margin: 0;
  border: none;
  box-sizing: border-box;
}
/* Blockquote stripe */
.blockquote-stripe,
.blockquote-img-stripe {
  background-color: #e2e6ef;
  margin: 20px 0 37px 0;
}
.callout-stripe + .blockquote-stripe,
.blockquote-img-stripe + .blockquote-stripe,
.blockquote-stripe + .blockquote-stripe {
  margin: -37px 0 37px 0;
}
.video-stripe + .blockquote-stripe,
.callout-stripe-image-only + .blockquote-stripe {
  margin: -18px 0 37px 0;
}
.blockquote-stripe:last-child {
  margin-bottom: -20px;
  overflow: hidden;
}
.blockquote-stripe-inner,
.blockquote-img-stripe-inner {
  background-image: url(../img/bg-blockquote-stripe1.png), /* first is on top */ url(../img/bg-blockquote-stripe2.png);
  background-position: 5% 0, /* this positions the first image */ 95% 100%;
  /* this positions the second image */
  background-repeat: no-repeat;
  /* this applies to both images */
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  /*padding: 25px 5% 34px 5%;*/
  padding: 25px 5% 25px 5%;
}
@media only screen and (min-width: 320px) {
  .blockquote-stripe-inner,
  .blockquote-img-stripe-inner {
    background-position: 4% 0, /* this positions the first image */ 96% 100%;
    /* this positions the second image */
    /*padding: 25px 4% 34px 4%;*/
    padding: 25px 4% 25px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .blockquote-stripe-inner,
  .blockquote-img-stripe-inner {
    /*padding: 25px 3% 34px 3%;*/
    padding: 25px 3% 25px 3%;
    background-position: 30% 0, /* this positions the first image */ 87.8% 100%;
    /* this positions the second image */
  }
}
@media only screen and (min-width: 980px) {
  .blockquote-stripe-inner,
  .blockquote-img-stripe-inner {
    /*padding: 25px 2% 34px 2%;*/
    padding: 25px 2% 25px 2%;
  }
}
/* Blockquote img stripe */
.blockquote-img-stripe.imaged-parent {
  background-color: #e2e6ef;
  margin: 20px 0 37px 0;
}
.callout-stripe + .blockquote-img-stripe,
.blockquote-stripe + .blockquote-img-stripe,
.blockquote-img-stripe + .blockquote-img-stripe {
  margin: -37px 0 37px 0;
}
.video-stripe + .blockquote-img-stripe,
.callout-stripe-image-only + .blockquote-img-stripe {
  margin: -18px 0 37px 0;
}
.blockquote-img-stripe:last-child {
  margin-bottom: -20px;
  overflow: hidden;
}
.blockquote-img-stripe-inner.imaged {
  background-image: url(../img/bg-blockquote-stripe1.png), /* first is on top */ url(../img/bg-blockquote-stripe2.png);
  background-position: 5% 0, /* this positions the first image */ 95% 15%;
  /* this positions the second image */
  background-repeat: no-repeat;
  /* this applies to both images */
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  /*padding: 25px 5% 34px 5%;*/
  padding: 25px 5% 25px 5%;
}
@media only screen and (min-width: 320px) {
  .blockquote-img-stripe-inner.imaged {
    /*padding: 25px 4% 34px 4%;*/
    padding: 25px 4% 25px 4%;
  }
}
@media only screen and (min-width: 640px) {
  .blockquote-img-stripe-inner.imaged {
    background-position: 4% 0, /* this positions the first image */ 57% 100%;
    /* this positions the second image */
  }
}
@media only screen and (min-width: 768px) {
  .blockquote-img-stripe-inner.imaged {
    /*padding: 25px 3% 34px 3%;*/
    padding: 25px 3% 25px 3%;
    background-position: 30% 0, /* this positions the first image */ 97% 15%;
    /* this positions the second image */
  }
}
@media only screen and (min-width: 980px) {
  .blockquote-img-stripe-inner.imaged {
    /*padding: 25px 2% 34px 2%;*/
    padding: 25px 2% 25px 2%;
    background-position: 30% 0, /* this positions the first image */ 70% 100%;
    /* this positions the second image */
  }
}
/* Video stripe */
.video-stripe {
  background-color: #eee5d8;
  margin: 20px 0 37px 0;
}
.callout-stripe + .video-stripe,
.callout-stripe-image-only + .video-stripe {
  margin: -37px 0 37px 0;
}
.blockquote-stripe + .video-stripe,
.blockquote-img-stripe + .video-stripe,
.callout-stripe-image-only + .video-stripe,
.video-stripe + .video-stripe {
  margin: -18px 0 37px 0;
}
.video-stripe:last-child {
  margin-bottom: -20px;
  overflow: hidden;
}
.video-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .video-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .video-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .video-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
/* Social video stripe (news and events section homepage) */
.social-video-stripe {
  background-color: #eee5d8;
  margin: 20px 0 -20px 0;
  overflow: hidden;
}
.social-video-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .social-video-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .social-video-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .social-video-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.social-video-stripe-inner .social-col,
.social-video-stripe-inner .video-col {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 1113px) {
  .social-video-stripe-inner .social-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0;
  }
}
@media only screen and (min-width: 1113px) {
  .social-video-stripe-inner .video-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
}
/* Social photo stripe (MESA people page) */
.social-photo-stripe {
  background-color: #eee5d8;
  margin: 20px 0 -20px 0;
  overflow: hidden;
}
.social-photo-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .social-photo-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .social-photo-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .social-photo-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.social-photo-stripe-inner .social-col,
.social-photo-stripe-inner .photo-col {
  margin: 0;
  display: block;
  float: left;
  padding-bottom: 20px;
  width: 100%;
}
@media only screen and (min-width: 1113px) {
  .social-photo-stripe-inner .social-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0;
  }
}
@media only screen and (min-width: 1113px) {
  .social-photo-stripe-inner .photo-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
}
/* ----- @@ Content column ----- */
/* ----- @@ Subnav column ----- */
.subnav-col h3 {
  font-size: 30px;
  color: #8a9e25;
  padding-bottom: 13px;
  margin: 0;
}
.subnav-col h3 a:link,
.subnav-col h3 a:visited {
  color: #8a9e25;
  text-decoration: none;
}
.subnav-col h3 a:hover,
.subnav-col h3 a:focus,
.subnav-col h3 a:active {
  color: #8a9e25;
  text-decoration: underline;
}
.subnav-col ul {
  margin: 0;
  padding: 0;
}
.subnav-col li {
  list-style-type: none;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 4px;
  padding-bottom: 10px;
  line-height: 1.1;
}
.subnav-col li a:link,
.subnav-col li a:visited {
  color: #195190;
  text-decoration: none;
}
.subnav-col li a:hover,
.subnav-col li a:focus,
.subnav-col li a:active {
  color: #195190;
  text-decoration: underline;
}
.subnav-col li a.current:link,
.subnav-col li a.current:visited,
.subnav-col li a.current:hover,
.subnav-col li a.current:focus,
.subnav-col li a.current:active {
  color: #8a9e25;
}
.subnav-col li ul {
  margin: 0 0 0 30px;
}
.subnav-col li ul li:first-child {
  padding-top: 10px;
}
.subnav-col li ul li:last-child {
  padding-bottom: 0;
}
/*  @@ TYPOGRAPHY (MAIN CONTENT AREA)  ============================================================================= */
/* ----- @@ headings ----- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Georgia, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  color: #195190;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-style: italic;
}
h1.clear,
h2.clear,
h3.clear,
h4.clear,
h5.clear,
h6.clear,
.clear {
  clear: both;
}
.content-col h1 {
  font-size: 36px;
  background: url(../img/bg-h1.gif) no-repeat 0 100%;
  padding: 0 0 14px 0;
  margin: 0 0 17px 0;
}
.whakarewarewa2 .content-col h1 {
  background: url(../img/bg-h1-whakarewarewa2.gif) no-repeat 0 100%;
}
h2 {
  font-size: 28px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
  background: url(../img/bg-h2.gif) no-repeat 0 100%;
  padding: 0 0 14px 0;
  margin: 28px 0 17px 0;
}
h3 {
  font-size: 24px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
.t13-template h3 {
  margin: 10px 0 0 0;
}
.t13-template .callout-stripe-inner h3 {
  margin: 10px 0 12px 0;
}
h4 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 21px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
h5 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
h6 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
table th h1,
table th h2,
table th h3,
table th h4,
table th h5,
table th h6 {
  margin-top: 0;
  padding-top: 0;
}
table td h1,
table td h2,
table td h3,
table td h4,
table td h5,
table td h6 {
  margin-top: 0;
  padding-top: 0;
}
/* Callout stripe variation - first header is always h3 */
.callout-stripe-inner h3:first-child {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 19px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
  font-weight: 700;
}
.callout-stripe-inner h4,
.callout-stripe-inner h5 {
  font-size: 17px;
}
.callout-stripe + .content-stripe .content-stripe-inner .content-col > h2:first-child,
.callout-stripe + .content-stripe .content-stripe-inner .content-col > h3:first-child,
.callout-stripe + .content-stripe .content-stripe-inner .content-col > h4:first-child,
.callout-stripe + .content-stripe .content-stripe-inner .content-col > h5:first-child,
.callout-stripe + .content-stripe .content-stripe-inner .content-col > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
/* Callout stripe variation with single large image only - no header */
.callout-stripe-image-only + .content-stripe .content-stripe-inner .content-col > h2:first-child,
.callout-stripe-image-only + .content-stripe .content-stripe-inner .content-col > h3:first-child,
.callout-stripe-image-only + .content-stripe .content-stripe-inner .content-col > h4:first-child,
.callout-stripe-image-only + .content-stripe .content-stripe-inner .content-col > h5:first-child,
.callout-stripe-image-only + .content-stripe .content-stripe-inner .content-col > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
/* Video stripe variation - always h3 */
.video-stripe-inner h3:first-child {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 19px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
  font-weight: 700;
}
.video-stripe-inner .accordion h4 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  color: #195190;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
}
.video-stripe-inner .accordion h4:after {
  content: "\00bb";
  margin-left: 5px;
}
.accordion h4.transcript-link {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  color: #8a9e25;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
}
.accordion h4.transcript-link:after {
  content: "\00bb";
  margin-left: 5px;
}
.video-stripe + .content-stripe .content-stripe-inner .content-col > h2:first-child,
.video-stripe + .content-stripe .content-stripe-inner .content-col > h3:first-child,
.video-stripe + .content-stripe .content-stripe-inner .content-col > h4:first-child,
.video-stripe + .content-stripe .content-stripe-inner .content-col > h5:first-child,
.video-stripe + .content-stripe .content-stripe-inner .content-col > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
/* Social video stripe and social photo stripe variations - always h3 */
.social-video-stripe-inner h3:first-child,
.social-photo-stripe-inner h3:first-child {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 19px;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
  font-weight: 700;
}
.social-video-stripe .accordion h4 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  color: #195190;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
}
.social-video-stripe .accordion h4:after {
  content: "\00bb";
  margin-left: 5px;
}
/* Blockquote stripe variation */
.blockquote-stripe + .content-stripe .content-stripe-inner .content-col > h2:first-child,
.blockquote-stripe + .content-stripe .content-stripe-inner .content-col > h3:first-child,
.blockquote-stripe + .content-stripe .content-stripe-inner .content-col > h4:first-child,
.blockquote-stripe + .content-stripe .content-stripe-inner .content-col > h5:first-child,
.blockquote-stripe + .content-stripe .content-stripe-inner .content-col > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
/* Blockquote image stripe variation */
.blockquote-img-stripe + .content-stripe .content-stripe-inner .content-col > h2:first-child,
.blockquote-img-stripe + .content-stripe .content-stripe-inner .content-col > h3:first-child,
.blockquote-img-stripe + .content-stripe .content-stripe-inner .content-col > h4:first-child,
.blockquote-img-stripe + .content-stripe .content-stripe-inner .content-col > h5:first-child,
.blockquote-img-stripe + .content-stripe .content-stripe-inner .content-col > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
/* Picture text block variation - always h3 */
.text-block h3 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 19px;
  margin-top: 0;
  padding: 0;
  font-weight: 700;
}
.t5-template .text-block h3 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 19px;
  margin: 0;
}
/* ----- @@ paragraphs ----- */
p {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.4;
}
table th p:last-child,
table td p:last-child {
  margin-bottom: 0;
}
p.date {
  font-style: italic;
  font-weight: 700;
}
p.tags {
  font-size: 14px;
  background: url(../img/bg-h1.gif) no-repeat 0 0;
  padding: 17px 0 0 0;
  margin: 34px 0 0 0;
  text-transform: uppercase;
  color: #195190;
  font-weight: 700;
}
p.modified {
  font-size: 14px;
  margin: -4px 0 0 0;
}
p.modified span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
p.created {
  font-size: 14px;
}
p.created span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
p.created a {
  font-size: 15px;
}
.t8-template p.newstype,
.t12-template p.newstype {
  text-transform: uppercase;
  margin: 0 0 3px 0;
  line-height: 1.2;
  font-size: 14px;
}
.t8-template p.date,
.t12-template p.date {
  margin: 0 0 3px 0 !important;
  line-height: 1.2;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px;
}
.t8-template .video-stripe p.date,
.t12-template .video-stripe p.date {
  margin: 0 0 16px 0 !important;
  line-height: 1.4;
  font-style: italic;
  text-transform: none;
  font-size: 16px;
}
/* Callout stripe variation */
.callout-stripe-inner p {
  font-weight: 400;
  color: #195190;
}
.callout-stripe-inner p:first-child {
  margin-top: 10px;
  padding-top: 10px;
}
/* Video stripe variation */
.video-stripe-inner p {
  font-weight: 400;
  color: #195190;
}
.video-stripe-inner .accordion p {
  font-weight: normal;
  color: #195190;
}
/* ----- @@ blockquote ----- */
blockquote {
  background: url(../img/bg-blockquote-stripe1.png) no-repeat 0 0;
  padding: 0 84px;
  margin: 0 0 16px 0;
}
blockquote p {
  font-style: italic;
  color: #195190;
  font-weight: 700;
}
blockquote cite {
  font-style: normal;
  text-align: right;
  display: block;
  color: #195190;
  font-size: 14px;
}
blockquote cite span.name {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  color: #195190;
}
blockquote cite span.role {
  font-weight: 700;
  text-transform: none;
  display: block;
  color: #195190;
}
blockquote cite span.jobtitle {
  font-weight: 400;
  text-transform: none;
  font-style: italic;
  display: block;
  color: #195190;
}
blockquote cite span.institution {
  font-weight: 400;
  text-transform: none;
  display: block;
  color: #195190;
}
p + blockquote {
  margin: 32px 0 32px 0;
}
blockquote + blockquote {
  margin: 32px 0 32px 0;
}
/* Blockquote stripe variation */
.blockquote-stripe-inner blockquote,
.blockquote-img-stripe-inner blockquote {
  margin: 0 74px;
  overflow: hidden;
  background: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .blockquote-stripe-inner blockquote,
  .blockquote-img-stripe-inner blockquote {
    margin: 0 25% 0 0;
  }
}
.blockquote-stripe-inner blockquote p,
.blockquote-img-stripe-inner blockquote p {
  font-family: Georgia, Arial, sans-serif;
  font-size: 24px;
  color: #195190;
  font-style: italic;
  font-weight: 400;
}
.blockquote-stripe-inner blockquote cite,
.blockquote-img-stripe-inner blockquote cite {
  color: #4e4b51;
  font-style: normal;
  float: right;
  display: block;
  /*margin-right: 8%;*/
  color: #195190;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .blockquote-stripe-inner blockquote cite,
  .blockquote-img-stripe-inner blockquote cite {
    margin-right: 20px;
  }
}
.blockquote-stripe-inner blockquote cite span.name,
.blockquote-img-stripe-inner blockquote cite span.name {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  color: #195190;
}
.blockquote-stripe-inner blockquote cite span.role,
.blockquote-img-stripe-inner blockquote cite span.role {
  font-weight: 700;
  text-transform: none;
  display: block;
  color: #195190;
}
.blockquote-stripe-inner blockquote cite span.jobtitle,
.blockquote-img-stripe-inner blockquote cite span.jobtitle {
  font-weight: 400;
  text-transform: none;
  font-style: italic;
  display: block;
  color: #195190;
}
.blockquote-stripe-inner blockquote cite span.institution,
.blockquote-img-stripe-inner blockquote cite span.institution {
  font-weight: 400;
  text-transform: none;
  display: block;
  color: #195190;
}
/* Blockquote stripe variation with image */
/* Using jQuery to add the .imaged class - this gives styling to blockquote stripes that actually do contain the expected image, while allowing those where the image is missing to be styled like a blockquote without an image */
.blockquote-img-stripe-inner.imaged blockquote {
  margin: 0 0 0 12%;
  overflow: hidden;
  background: none;
  padding: 0;
  width: 88%;
  float: left;
  margin-bottom: 32px;
}
@media only screen and (min-width: 640px) {
  .blockquote-img-stripe-inner.imaged blockquote {
    margin: 0 0 0 10%;
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .blockquote-img-stripe-inner.imaged blockquote {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 980px) {
  .blockquote-img-stripe-inner.imaged blockquote {
    margin: 0;
    width: 50%;
  }
}
.blockquote-img-stripe-inner.imaged blockquote p {
  font-family: Georgia, Arial, sans-serif;
  font-size: 24px;
  color: #195190;
  font-style: italic;
  font-weight: 400;
}
.blockquote-img-stripe-inner.imaged blockquote cite {
  color: #4e4b51;
  font-style: normal;
  float: right;
  display: block;
  margin-right: 64px;
  color: #195190;
}
@media only screen and (min-width: 640px) {
  .blockquote-img-stripe-inner.imaged blockquote cite {
    margin-right: 8%;
  }
}
@media only screen and (min-width: 768px) {
  .blockquote-img-stripe-inner.imaged blockquote cite {
    margin-right: 74px;
  }
}
@media only screen and (min-width: 980px) {
  .blockquote-img-stripe-inner.imaged blockquote cite {
    margin-right: 8%;
  }
}
.blockquote-img-stripe-inner.imaged blockquote cite span.name {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  color: #195190;
}
.blockquote-img-stripe-inner.imaged img {
  width: auto;
  max-width: 100%;
  margin: 32px auto 0 auto;
  border: 4px solid #ffffff;
  box-sizing: border-box;
}
@media only screen and (min-width: 640px) {
  .blockquote-img-stripe-inner.imaged img {
    float: left;
    width: 37%;
    margin: 0 0 0 3%;
  }
}
@media only screen and (min-width: 768px) {
  .blockquote-img-stripe-inner.imaged img {
    width: auto;
    margin: 32px 0 0 0;
  }
}
@media only screen and (min-width: 980px) {
  .blockquote-img-stripe-inner.imaged img {
    width: 36%;
    margin: 0 0 0 14%;
  }
}
/* ----- @@ lists ----- */
.content-col ul {
  margin: 0;
  padding: 0 0 20px 10px;
}
.content-col ul li ul,
.content-col ul li ul li ul,
.content-col ul li ol li ul,
.content-col ol li ul,
.content-col ol li ul li ul,
.content-col ol li ol li ul {
  margin: 0 0 -6px 1px;
  padding: 6px 0 0 0;
}
.content-col p + ul {
  padding-top: 6px;
}
.content-col table td > ul {
  padding-bottom: 0;
}
.content-col ul li p {
  margin: 0;
  padding: 0;
}
.content-col ol {
  margin: 0 0 0 30px;
  padding: 0 0 20px 0;
}
.content-col ul li ol,
.content-col ul li ul li ol,
.content-col ul li ol li ol,
.content-col ol li ol,
.content-col ol li ul li ol,
.content-col ol li ol li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content-col p + ol {
  padding-top: 6px;
}
.content-col table td > ol {
  padding-bottom: 0;
}
.content-col ol li p {
  margin: 0;
  padding: 0;
}
.content-col ol li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: decimal;
  background: none;
}
.content-col ol.lower-alpha li {
  list-style-type: lower-alpha;
}
.content-col ol.upper-alpha li {
  list-style-type: upper-alpha;
}
.content-col ol.lower-roman li {
  list-style-type: lower-roman;
}
.content-col ol.upper-roman li {
  list-style-type: upper-roman;
}
.content-col ol.lower-alpha-brackets {
  list-style-type: none;
  margin: 0 0 0 10px;
}
.content-col ol.lower-alpha-brackets li:before {
  content: "(" counter(section, lower-alpha) ") ";
}
.content-col ol.lower-alpha-brackets li {
  counter-increment: section;
  list-style-type: none;
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha,
.content-col ol.lower-alpha-brackets li ol.upper-alpha,
.content-col ol.lower-alpha-brackets li ol.lower-roman,
.content-col ol.lower-alpha-brackets li ol.upper-roman,
.content-col ol.lower-alpha-brackets li ol.decimal {
  margin: 0 0 -6px 40px;
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha li:before,
.content-col ol.lower-alpha-brackets li ol.upper-alpha li:before,
.content-col ol.lower-alpha-brackets li ol.lower-roman li:before,
.content-col ol.lower-alpha-brackets li ol.upper-roman li:before,
.content-col ol.lower-alpha-brackets li ol.decimal li:before {
  content: " ";
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.upper-alpha li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.lower-roman li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.upper-roman li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.decimal li:first-of-type {
  counter-reset: section;
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha li {
  list-style-type: lower-alpha;
}
.content-col ol.lower-alpha-brackets li ol.upper-alpha li {
  list-style-type: upper-alpha;
}
.content-col ol.lower-alpha-brackets li ol.lower-roman li {
  list-style-type: lower-roman;
}
.content-col ol.lower-alpha-brackets li ol.upper-roman li {
  list-style-type: upper-roman;
}
.content-col ol.lower-alpha-brackets li ol.decimal li {
  list-style-type: decimal;
}
.content-col ol.decimal li {
  list-style-type: decimal;
}
.content-col ul li {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}
.content-col ul li ul li,
.content-col ul li ul li ul li,
.content-col ul li ol li ul li,
.content-col ol li ul li,
.content-col ol li ul li ul li,
.content-col ol li ol li ul li {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}
.content-col ul li ol li,
.content-col ul li ul li ol li,
.content-col ul li ol li ol li,
.content-col ol li ol li,
.content-col ol li ul li ol li,
.content-col ol li ol li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: decimal;
}
.content-col ul li {
  background: url(../img/bullet.png) no-repeat 0 7px;
}
.content-col ul li ul li,
.content-col ul li ul li ul li,
.content-col ul li ol li ul li,
.content-col ol li ul li,
.content-col ol li ul li ul li,
.content-col ol li ol li ul li {
  background: url(../img/bullet.png) no-repeat 0 7px;
}
.content-col ul li ol li,
.content-col ul li ul li ol li,
.content-col ul li ol li ol li,
.content-col ol li ol li,
.content-col ol li ul li ol li,
.content-col ol li ol li ol li {
  background: none;
}
/* Callout stripe variation list */
.callout-stripe-inner li {
  color: #195190;
}
/* ----- @@ follow us (in content area eg contact us page) ----- */
ul.followus {
  padding: 0;
  width: 100%;
  float: left;
  margin-bottom: 16px;
  margin-bottom: 32px;
}
ul.followus li {
  float: left;
  list-style-type: none;
  padding: 0 0 0 13px;
  background: none;
}
ul.followus li:first-child {
  padding: 0 2px 0 0;
}
ul.followus li.followtext {
  padding-top: 16px;
}
@media only screen and (max-width: 370px) {
  ul.followus li.followtext {
    width: 100%;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 370px) {
  ul.followus li:nth-child(2) {
    padding-left: 0;
  }
}
ul.followus + h2 {
  clear: both;
}
/* ----- @@ definition lists ----- */
dt {
  font-weight: 700;
}
/* definition list for awards list (would have to be hand-coded) */
dl.awardslist {
  width: 100%;
}
dl.awardslist dt {
  font-weight: 700;
  clear: left;
  float: left;
  width: 20%;
  display: inline-block;
}
dl.awardslist dd {
  padding: .5em 0;
  display: inline-block;
  width: 80%;
  padding-left: 1em;
  clear: right;
  box-sizing: border-box;
}
dl.awardslist dd + dd {
  float: right;
  clear: both;
}
dl.awardslist dt:first-child {
  padding-top: .5em;
}
dl.awardslist dd + dt {
  clear: both;
  padding-top: .5em;
}
dl.awardslist dt + dt {
  width: 100%;
  float: none;
  padding: 0 70% 0 0;
}
dl.awardslist dt + dt + dd {
  margin-top: -2em;
}
dl.awardslist dt + dt + dd + dt {
  margin-top: 2em;
}
dl.awardslist:after {
  content: "";
  display: table;
  clear: both;
}
/* definition list on contact us page */
.t4-template .half-screen {
  width: 100%;
  margin: 0;
}
.t4-template dt {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.t4-template dd {
  width: 100%;
  float: left;
  margin: 0 0 16px 0;
}
@media only screen and (min-width: 560px) {
  .t4-template .half-screen {
    width: 48.5%;
    /* span_2_of_4 */
    margin: 0 0 0 3%;
  }
  .t4-template .half-screen:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 320px) {
  .t4-template dt {
    width: 17.6%;
    /* span_1_of_5 */
    float: left;
    margin-bottom: 16px;
  }
  .t4-template dd {
    width: 79.4%;
    /* span_4_of_5 */
    float: left;
    margin: 0 0 16px 3%;
  }
}
@media only screen and (min-width: 768px) {
  .t4-template dt {
    width: 100%;
    float: left;
    margin-bottom: 0;
  }
  .t4-template dd {
    width: 100%;
    float: left;
    margin: 0 0 16px 0;
  }
}
@media only screen and (min-width: 900px) {
  .t4-template dt {
    width: 17.6%;
    /* span_1_of_5 */
    float: left;
    margin-bottom: 16px;
  }
  .t4-template dd {
    width: 79.4%;
    /* span_4_of_5 */
    float: left;
    margin: 0 0 16px 3%;
  }
}
/* Definition list in person box (individual T8 person template) */
.person-box .contact-info dt {
  width: 31.33%;
  /* span_2_of_6 */
  float: left;
  margin-bottom: 16px;
}
.person-box .contact-info dd {
  width: 65.66%;
  /* span_4_of_6 */
  float: left;
  margin: 0 0 16px 3%;
}
@media only screen and (min-width: 560px) {
  .person-box .contact-info dt {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .person-box .contact-info dd {
    width: 74.25%;
    /* span_3_of_4 */
  }
}
@media only screen and (min-width: 768px) {
  .person-box .contact-info dt {
    width: 31.33%;
    /* span_2_of_6 */
  }
  .person-box .contact-info dd {
    width: 65.66%;
    /* span_4_of_6 */
  }
}
@media only screen and (min-width: 980px) {
  .person-box .contact-info dt {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .person-box .contact-info dd {
    width: 74.25%;
    /* span_3_of_4 */
  }
}
/* Definition list on Events page (T10 template variation) */
.event-list dt {
  margin: 0 0 0 0;
  line-height: 1.1;
}
.event-list dd {
  margin: 0 0 20px 0;
  line-height: 1.1;
}
@media only screen and (min-width: 320px) {
  .event-list dt {
    width: 31.33%;
    /* span_2_of_6 */
    float: left;
    margin: 0 0 20px 0;
    line-height: 1.1;
  }
  .event-list dd {
    width: 65.66%;
    /* span_4_of_6 */
    float: left;
    margin: 0 0 20px 3%;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 560px) {
  .event-list dt {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .event-list dd {
    width: 74.25%;
    /* span_3_of_4 */
  }
}
@media only screen and (min-width: 768px) {
  .event-list dt {
    width: 31.33%;
    /* span_2_of_6 */
  }
  .event-list dd {
    width: 65.66%;
    /* span_4_of_6 */
  }
}
@media only screen and (min-width: 980px) {
  .event-list dt {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .event-list dd {
    width: 74.25%;
    /* span_3_of_4 */
  }
}
/* @@ OTHER BITS AND PIECES =============================================================================  */
/* ----- @@ superscript and subscript ----- */
sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: 1.4;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ----- @@ Hard rule ----- */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 2px solid #195190;
  border-top: 2px solid #dbdfeb;
  border-bottom: 1px solid #ffffff;
}
/* @@ LINKS =============================================================================  */
/* :link, :visited, :hover, :focus, :active */
a:link,
a:visited {
  color: #8a9e25;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #8a9e25;
  text-decoration: underline;
}
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  text-decoration: none;
  color: #195190;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
  text-decoration: underline;
  color: #195190;
}
.content-col p a,
.content-col table a,
.content-col ul a,
.content-col ol a {
  font-weight: 700;
}
/* @@ callout stripe and video stripe */
.callout-stripe-inner p a,
.callout-stripe-inner li a,
.video-stripe-inner p a,
.video-stripe-inner li a {
  color: #676f20;
}
/* @@ search results callout stripe */
.t13-template .callout-stripe-inner p a,
.t13-template .callout-stripe-inner li a {
  color: #195190;
}
/* @@ file icons */
/* @@ file icons in lists */
/* @@ readmore */
a.readmore {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
a.readmore span {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
/* @@ call to action button */
.content-col a.call-to-action,
.t1-template a.call-to-action {
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 16px 12px 16px;
  margin-top: 3px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #ffffff;
  -webkit-border-top-right-radius: 21px;
  -webkit-border-bottom-right-radius: 21px;
  -webkit-border-bottom-left-radius: 21px;
  -webkit-border-top-left-radius: 21px;
  -moz-border-radius-topright: 21px;
  -moz-border-radius-bottomright: 21px;
  -moz-border-radius-bottomleft: 21px;
  -moz-border-radius-topleft: 21px;
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-top-left-radius: 21px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#195090+0,36869f+100 */
  background: #195090;
  /* Old browsers */
  background: -moz-linear-gradient(left, #195090 0%, #36869f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #195090 0%, #36869f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #195090 0%, #36869f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195090', endColorstr='#36869f', GradientType=1);
  /* IE6-9 */
}
.content-col a.call-to-action:hover,
.t1-template a.call-to-action:hover {
  background: #057eb6;
}
/* @@ pagination */
h1.with-pagination {
  float: left;
}
h2.with-pagination {
  float: left;
  margin: 0 0 12px 0;
  padding: 0;
  background: none;
}
.t13-template h2.with-pagination {
  /* styled like an h4 */
  float: left;
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 21px;
  margin: 0 0 12px 0;
  padding: 4px 0 0 0;
}
p.news-pagination,
p.search-pagination {
  margin: 0 0 30px 20px;
  float: right;
  padding: 0 0 0 0;
}
p.news-pagination a,
p.search-pagination a {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  background-color: #eee5d8;
  color: #676f20;
}
p.news-pagination a:last-child,
p.search-pagination a:last-child {
  margin: 0 5px;
}
p.news-pagination span.current,
p.search-pagination span.current {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 5px 0 0;
  background: #195190;
  color: #ffffff;
  font-weight: 700;
}
/* @@ back */
/* @@ external link */
/* @@ IMAGES ============================================================================= */
img {
  border: 0;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  /* removes margin from beneath image */
}
/* @@ Silverstripe image embedding in content area */
/* includes legacy styles .alignleft, .alignright, .aligncenter, .wp-caption, p.wp-caption-text from old website */
/* the images themselves (same with caption or without) */
img.leftAlone,
img.center,
img.rightAlone,
img.left,
img.right,
img.alignleft,
img.alignright {
  float: none;
  margin: 0 0 20px 0;
}
/* images with captions */
.captionImage.leftAlone,
.captionImage.center,
.captionImage.rightAlone,
.captionImage.left,
.captionImage.right {
  float: none;
  margin: 0 0 20px 0;
}
.captionImage.leftAlone img.leftAlone,
.captionImage.center img.leftAlone,
.captionImage.rightAlone img.leftAlone,
.captionImage.left img.leftAlone,
.captionImage.right img.leftAlone,
.captionImage.leftAlone img.center,
.captionImage.center img.center,
.captionImage.rightAlone img.center,
.captionImage.left img.center,
.captionImage.right img.center,
.captionImage.leftAlone img.rightAlone,
.captionImage.center img.rightAlone,
.captionImage.rightAlone img.rightAlone,
.captionImage.left img.rightAlone,
.captionImage.right img.rightAlone,
.captionImage.leftAlone img.left,
.captionImage.center img.left,
.captionImage.rightAlone img.left,
.captionImage.left img.left,
.captionImage.right img.left,
.captionImage.leftAlone img.right,
.captionImage.center img.right,
.captionImage.rightAlone img.right,
.captionImage.left img.right,
.captionImage.right img.right {
  margin: 0;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
  float: none;
  margin: 0 0 20px 0;
}
.wp-caption.aligncenter img,
.wp-caption.alignleft img,
.wp-caption.alignright img {
  margin: 0;
}
/*p.caption.left, 
p.caption.right, 
p.caption.center { 
	float: none;
	line-height: 1.2;
}*/
p.caption,
p.wp-caption-text {
  font-size: 14px;
  text-align: left;
  color: #929497;
  font-weight: 700;
  margin: 9px 0 0 0;
  float: none;
  line-height: 1.2;
}
@media only screen and (max-width: 479px) {
  .captionImage,
  .wp-caption {
    /*width: auto !important; */
    max-width: 100% !important;
  }
}
.captionImage,
.wp-caption {
  /*width: auto !important; */
  max-width: 100% !important;
}
@media only screen and (min-width: 480px) {
  img.rightAlone {
    float: right;
  }
  p.rightAlonePara + p {
    clear: both;
  }
  .captionImage.rightAlone {
    float: right;
  }
  .captionImage.rightAlone img.rightAlone {
    float: none;
    margin: 0;
  }
  .captionImage.rightAlone + p {
    clear: both;
  }
  img.left,
  img.alignleft {
    float: left;
    margin: 4px 32px 20px 0;
  }
  .captionImage.left {
    float: left;
    margin: 4px 32px 20px 0;
  }
  .captionImage.left img.left {
    float: none;
    margin: 0;
  }
  .wp-caption.alignleft {
    float: left;
    margin: 4px 32px 20px 0;
  }
  .wp-caption.alignleft img {
    float: none;
    margin: 0;
  }
  img.right,
  img.alignright {
    float: right;
    margin: 4px 0 20px 32px;
  }
  .captionImage.right {
    float: right;
    margin: 4px 0 20px 32px;
  }
  .captionImage.right img.right {
    float: none;
    margin: 0;
  }
  .wp-caption.alignright {
    float: right;
    margin: 4px 0 20px 32px;
  }
  .wp-caption.alignright img {
    float: none;
    margin: 0;
  }
  img.center {
    float: none;
    text-align: center;
    margin: 4px auto 20px auto;
  }
  .captionImage.center {
    float: none;
    text-align: center;
    margin: 4px auto 20px auto;
  }
  .captionImage.center img.center {
    float: none;
    margin: 0 auto;
  }
  .wp-caption.aligncenter {
    float: none;
    text-align: center;
    margin: 4px auto 20px auto;
  }
  .wp-caption.aligncenter img {
    float: none;
    margin: 0 auto;
  }
}
/* floated images with wrapped text have a max width when the column is narrow */
@media only screen and (max-width: 479px) {
  img.left,
  img.right,
  img.alignleft,
  img.alignright {
    max-width: 100% !important;
  }
  .captionImage.left,
  .captionImage.right {
    max-width: 100% !important;
  }
  .captionImage.left img.left,
  .captionImage.right img.left,
  .captionImage.left img.right,
  .captionImage.right img.right {
    max-width: 100% !important;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright {
    max-width: 100% !important;
  }
  .wp-caption.alignleft img,
  .wp-caption.alignright img {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
  img.left,
  img.right,
  img.alignleft,
  img.alignright {
    /*max-width: 220px;*/
    max-width: 50%;
    max-width: 50% !important;
  }
  .captionImage.left,
  .captionImage.right {
    /*max-width: 220px !important; */
    max-width: 50% !important;
  }
  .captionImage.left img.left,
  .captionImage.right img.left,
  .captionImage.left img.right,
  .captionImage.right img.right {
    max-width: 100%;
    max-width: 100% !important;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright {
    max-width: 50% !important;
  }
  .wp-caption.alignleft img,
  .wp-caption.alignright img {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  img.left,
  img.right,
  img.alignleft,
  img.alignright {
    /*max-width: 220px;*/
    max-width: 50%;
    max-width: 50% !important;
  }
  .captionImage.left,
  .captionImage.right {
    /*max-width: 220px !important; */
    max-width: 50% !important;
  }
  .captionImage.left img.left,
  .captionImage.right img.left,
  .captionImage.left img.right,
  .captionImage.right img.right {
    max-width: 100%;
    max-width: 100% !important;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright {
    max-width: 50% !important;
  }
  .wp-caption.alignleft img,
  .wp-caption.alignright img {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  img.left,
  img.right,
  img.alignleft,
  img.alignright {
    /*max-width: 220px;*/
    max-width: 50%;
    max-width: 50% !important;
  }
  .captionImage.left,
  .captionImage.right {
    /*max-width: 220px !important; */
    max-width: 50% !important;
  }
  .captionImage.left img.left,
  .captionImage.right img.left,
  .captionImage.left img.right,
  .captionImage.right img.right {
    max-width: 100%;
    max-width: 100% !important;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright {
    max-width: 50% !important;
  }
  .wp-caption.alignleft img,
  .wp-caption.alignright img {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1260px) {
  img.left,
  img.right,
  img.alignleft,
  img.alignright {
    /*max-width: 220px;*/
    max-width: 50%;
    max-width: 50% !important;
  }
  .captionImage.left,
  .captionImage.right {
    /*max-width: 220px !important; */
    max-width: 50% !important;
  }
  .captionImage.left img.left,
  .captionImage.right img.left,
  .captionImage.left img.right,
  .captionImage.right img.right {
    max-width: 100%;
    max-width: 100% !important;
  }
  .wp-caption.alignleft,
  .wp-caption.alignright {
    max-width: 50% !important;
  }
  .wp-caption.alignleft img,
  .wp-caption.alignright img {
    max-width: 100% !important;
  }
}
/* @@ Images and headings */
/* @@ TABLES ============================================================================= */
/* @@ FORMS ============================================================================= */
/* ----- @@ My form ----- */
.content-col {
  /* clearfix for form like section group */
  /* my form styling */
  /* required example in explanatory text outside form */
}
.content-col form:before,
.content-col form:after {
  content: "";
  display: table;
}
.content-col form:after {
  clear: both;
}
.content-col form {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.content-col form .row {
  width: 100%;
  float: left;
}
.content-col form .submit-row-special {
  padding-bottom: 12px;
}
.content-col form label {
  float: left;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.2;
  margin: 0 0 3px 0;
}
.content-col form input,
.content-col form select,
.content-col form textarea {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #bd9865;
  background: #fff6e9;
  font-size: 16px;
  margin: 0 0 16px 0;
  font-family: "proxima-nova", Helvetica, sans-serif;
}
.content-col form input[type="radio"],
.content-col form input[type="checkbox"] {
  border: none;
}
.content-col form select {
  padding: 10px 16px 10px 10px;
  /* Firefox */
  height: 44px;
  /* Chrome & Safari */
}
.content-col form ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 4px 0 10px 0;
}
.content-col form li {
  overflow: hidden;
  padding: 0 0 3px 0;
  background: none;
}
.content-col form li input[type="radio"],
.content-col form li input[type="checkbox"] {
  float: left;
  width: auto;
  margin: 3px 0 0 3px;
  padding: 0;
  border: none;
}
.content-col form li input[type="text"] {
  /* for "other" in a radio or checkbox set */
  width: 100%;
  margin: 5px 0 0 0;
}
.content-col form li label {
  width: auto;
  float: left;
  margin-left: 3%;
  padding: 1px 0 0 0;
}
.content-col form input.submit-button {
  width: auto;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 16px 12px 16px;
  margin-top: 3px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #ffffff;
  -webkit-border-top-right-radius: 21px;
  -webkit-border-bottom-right-radius: 21px;
  -webkit-border-bottom-left-radius: 21px;
  -webkit-border-top-left-radius: 21px;
  -moz-border-radius-topright: 21px;
  -moz-border-radius-bottomright: 21px;
  -moz-border-radius-bottomleft: 21px;
  -moz-border-radius-topleft: 21px;
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-top-left-radius: 21px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#195090+0,36869f+100 */
  background: #195090;
  /* Old browsers */
  background: -moz-linear-gradient(left, #195090 0%, #36869f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #195090 0%, #36869f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #195090 0%, #36869f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195090', endColorstr='#36869f', GradientType=1);
  /* IE6-9 */
  cursor: pointer;
}
.content-col form input.submit-button:hover {
  background: #057eb6;
}
@media only screen and (min-width: 560px) {
  .content-col form label {
    width: 31.33%;
    /* span_1_of_3 */
    padding-top: 11px;
    margin: 0;
  }
  .content-col form input,
  .content-col form select,
  .content-col form textarea {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 7px 3%;
  }
  .content-col form ul {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 0 3%;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
  }
  .content-col form input.submit-button {
    margin-left: 34.33%;
  }
}
.content-col span.required {
  color: #b51e1a;
  font-weight: 700;
}
/* ----- @@ Silverstripe form ----- */
.content-col form.userform fieldset {
  /* use this to group together a set of checkboxes or radio buttons */
  padding: 4px 0 10px 0;
}
.content-col form.userform legend {
  margin: 0 0 3px 0;
  float: left;
}
.content-col form.userform h3.FormHeading {
  /*background: url(../img/bg-h2.gif) no-repeat 0 0;*/
  clear: both;
  padding-top: 24px;
}
.content-col form.userform .field {
  width: 100%;
  float: left;
  margin: 0 0 16px 0;
}
.content-col form.userform .error-container {
  border: 1px solid #b51e1a;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #fbe3e2;
}
.content-col form.userform .error-container ul {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 0 0 10px;
}
.content-col form.userform .error-container li {
  background: url(../img/bullet-error.png) no-repeat 0 3px;
  margin: 0;
  padding: 0 0 5px 15px;
}
.content-col form.userform .error-container li a {
  color: #195190;
}
.content-col form.userform .error-container h4 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.content-col form.userform .requiredField label:after {
  content: " *";
  color: #b51e1a;
  font-weight: 700;
}
.content-col form.userform .optionset.requiredField label:after {
  content: "";
}
.content-col form.userform .optionset.requiredField legend:after {
  content: " *";
  color: #b51e1a;
  font-weight: 700;
}
.content-col form.userform span.message {
  float: left;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.2;
  margin: 3px 0 0 0;
  display: block;
  font-size: 14px;
}
.content-col form.userform span.error.message,
.content-col form.userform span.validation.message,
.content-col form.userform span.required {
  color: #b51e1a;
}
.content-col form.userform label.left {
  margin-bottom: 0;
  font-weight: 400;
}
.content-col form.userform legend.left {
  font-weight: 400;
}
.content-col form.userform input,
.content-col form.userform select,
.content-col form.userform textarea {
  margin: 0;
}
.content-col form.userform input.file {
  font-size: 15px;
}
.content-col form.userform input.error,
.content-col form.userform select.error,
.content-col form.userform textarea.error {
  border: 1px solid #b51e1a;
}
.content-col form.userform input[type="radio"],
.content-col form.userform input[type="checkbox"] {
  border: none;
}
.content-col form.userform .middleColumn {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.content-col form.userform .middleColumn .odd {
  overflow: hidden;
}
.content-col form.userform .middleColumn .even {
  overflow: hidden;
}
.content-col form.userform .middleColumn label {
  width: auto;
  float: left;
  margin-left: 3%;
  padding: 1px 0 0 0;
  font-size: 15px;
}
.content-col form.userform div.checkbox {
  /* single checkbox */
  float: left;
}
.content-col form.userform div.checkbox label.left {
  float: left;
  box-sizing: border-box;
  line-height: 1.2;
  width: 89%;
  margin: 0 0 0 3%;
}
.content-col form.userform input[type="radio"],
.content-col form.userform input[type="checkbox"] {
  float: left;
  width: auto;
  margin: 3px 0 0 3px;
  padding: 0;
  border: none;
}
.content-col form.userform input.action {
  width: auto;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 16px 12px 16px;
  margin-top: 3px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #ffffff;
  -webkit-border-top-right-radius: 21px;
  -webkit-border-bottom-right-radius: 21px;
  -webkit-border-bottom-left-radius: 21px;
  -webkit-border-top-left-radius: 21px;
  -moz-border-radius-topright: 21px;
  -moz-border-radius-bottomright: 21px;
  -moz-border-radius-bottomleft: 21px;
  -moz-border-radius-topleft: 21px;
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-top-left-radius: 21px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /*background-color: @footersharecolor;*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#195090+0,36869f+100 */
  background: #195090;
  /* Old browsers */
  background: -moz-linear-gradient(left, #195090 0%, #36869f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #195090 0%, #36869f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #195090 0%, #36869f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195090', endColorstr='#36869f', GradientType=1);
  /* IE6-9 */
  cursor: pointer;
}
.content-col form.userform input.action:hover {
  background: #057eb6;
}
.content-col form.userform input.action[type="reset"] {
  background: none;
  color: #195190;
  border: none;
  margin-left: 20px;
}
.content-col form.userform span.right-title {
  /* comment text below field */
  line-height: 1.2;
  font-size: 14px;
  display: block;
  margin: 3px 0 0 0;
  float: left;
}
@media only screen and (min-width: 560px) {
  .content-col form.userform fieldset {
    padding: 10px 0;
  }
  .content-col form.userform legend {
    /*margin-bottom: -22px;*/
    margin-bottom: -45px;
    width: 31.33%;
    /* span_1_of_3 */
  }
  .content-col form.userform .field {
    margin: 0 0 7px 0;
  }
  .content-col form.userform .middleColumn {
    width: 65.66%;
    margin: 0 0 0 3%;
  }
  .content-col form.userform .composite .middleColumn {
    width: 100%;
    margin: 0;
  }
  .content-col form.userform input,
  .content-col form.userform select,
  .content-col form.userform textarea {
    width: 100%;
    margin: 0;
  }
  .content-col form.userform .optionset .middleColumn,
  .content-col form.userform .checkbox .middleColumn {
    margin-left: 34.33%;
    padding: 0;
  }
  .content-col form.userform input.action {
    margin-left: 34.33%;
    width: auto;
  }
  .content-col form.userform span.message {
    margin: 3px 0 7px 0;
  }
  .content-col form.userform .checkbox span.message {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 3px 0 7px 34.33%;
  }
  .content-col form.userform span.validation.message {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 3px 0 7px 34.33%;
  }
  .content-col form.userform span.right-title {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 3px 0 7px 34.33%;
  }
}
/* ----- @@ People search form ----- */
.content-col .people-search form {
  margin-top: 12px;
}
/* ----- @@ News search form ----- */
@media only screen and (min-width: 480px) {
  .content-col .news-search form label {
    width: 31.33%;
    /* span_1_of_3 */
    padding-top: 11px;
    margin: 0;
  }
  .content-col .news-search form input,
  .content-col .news-search form select,
  .content-col .news-search form textarea {
    width: 42%;
    /* allows search button to sit next to it at all widths */
    margin: 0 0 7px 3%;
  }
  .content-col .news-search form ul {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 0 3%;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
  }
  .content-col .news-search form li {
    display: inline;
    width: auto;
    float: left;
    margin-right: 3%;
  }
  .content-col .news-search form li label {
    width: auto;
    padding-top: 0;
    margin: 0;
  }
  .content-col .news-search form li input {
    width: 30px;
    margin: 3px 0 0 0;
  }
  .content-col .news-search form input.submit-button {
    margin: 0 0 0 3%;
    width: auto;
  }
}
.content-col .accordion-block {
  padding-top: 11px;
}
@media only screen and (min-width: 560px) {
  .content-col .accordion-block {
    padding-top: 0;
  }
}
@media only screen and (min-width: 480px) {
  .content-col .accordion-block form input[type="date"] {
    max-width: 78%;
  }
}
@media only screen and (min-width: 560px) {
  .content-col .accordion-block form input[type="date"] {
    max-width: 43%;
  }
}
.content-col .accordion-block div.disabled label {
  color: #808080;
}
/* @@ stops iPhone zoom */
@media only screen and (max-width: 480px) {
  input,
  button,
  select,
  textarea {
    font-size: 16px;
  }
}
/*  @@ SPECIAL ELEMENTS	============================================================================= */
/* @@ hide this element in mobile view - for hidden text in h1 headings (might also be able to re-use it elsewhere) */
/* @@ hide this element in screen view - for use in print stylesheet only */
.screen-hide {
  display: none;
}
/* @@ margin-top none - add this class into the HTML wherever you need it */
/* ----- @@ accordion ----- */
/* @@ people search accordion */
.accordion.people-search {
  background: #eee5d8;
  padding: 12px 16px 0 16px;
  margin-bottom: 20px;
}
.accordion.people-search h2 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #195190;
  padding: 12px 16px;
  margin: -12px -16px 0 -16px;
  cursor: pointer;
  background: none;
  background: #decbb2 url(../img/arrow-people-search-up.png) no-repeat 100% 50%;
}
.accordion.people-search h2.active {
  background: #decbb2 url(../img/arrow-people-search-down.png) no-repeat 100% 50%;
}
/* @@ advanced filters news accordion */
.accordion.advanced-filters {
  background: #eee5d8;
  padding: 12px 16px 0 16px;
  margin: 20px 0 36px 0;
}
.accordion.advanced-filters h2 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #195190;
  padding: 12px 16px;
  margin: -12px -16px 0 -16px;
  cursor: pointer;
  background: none;
  background: #decbb2 url(../img/arrow-people-search-down.png) no-repeat 100% 50%;
}
.accordion.advanced-filters h2.active {
  background: #decbb2 url(../img/arrow-people-search-up.png) no-repeat 100% 50%;
}
/* For advanced filter without checkboxes (only dates) */
.accordion.advanced-filters .row:first-child {
  margin-top: 15px;
}
/* trixy workaround because in the build .row is preceded by a hidden form div so isn't the first child 
- see https://stackoverflow.com/questions/2717480/css-selector-for-first-element-with-class */
.accordion.advanced-filters .accordion-block form .row {
  /*border: 1px solid red;*/
  margin-top: 15px;
}
.accordion.advanced-filters .accordion-block form .row ~ .row {
  /*border: none;*/
  margin-top: 0;
}
/* ----- @@ picture text block - block with a picture on the left and floated text to the right ----- */
.picture-text-block {
  margin-bottom: 7px;
  padding-top: 10px;
}
.picture-text-block .picture-block {
  width: 100%;
}
.picture-text-block .picture-block img {
  border: 1px solid #54585c;
  margin-top: 4px;
  margin-bottom: 20px;
}
.picture-text-block .picture-block:empty + .text-block {
  width: 100% !important;
  margin-left: 0 !important;
}
.picture-text-block .text-block {
  width: 100%;
  margin-left: 0;
}
.picture-text-block .text-block p.size {
  font-weight: 700;
  color: #195190;
}
.picture-text-block .text-block p.date {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
}
/* @@ publications picture text block */
.t5-template .picture-text-block {
  position: relative;
}
@media only screen and (min-width: 380px) {
  .t5-template .picture-text-block .picture-block {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .t5-template .picture-text-block .text-block {
    margin: 0 0 0 3%;
    width: 65.66%;
    /* span_2_of_3 */
  }
}
@media only screen and (min-width: 600px) {
  .t5-template .picture-text-block .picture-block {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .t5-template .picture-text-block .text-block {
    width: 74.25%;
    /* span_3_of_4 */
  }
}
@media only screen and (min-width: 768px) {
  .t5-template .picture-text-block .picture-block {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .t5-template .picture-text-block .text-block {
    width: 65.66%;
    /* span_2_of_3 */
  }
}
@media only screen and (min-width: 920px) {
  .t5-template .picture-text-block .picture-block {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .t5-template .picture-text-block .text-block {
    width: 74.25%;
    /* span_3_of_4 */
  }
}
.t5-template .picture-text-block .picture-block.new:after {
  content: "NEW";
  position: absolute;
  top: 14px;
  left: 0;
  background: #195190;
  color: #ffffff;
  font-weight: 700;
  padding: 5px;
}
/* @@ picture text block for people (T8 template), research (T12 template) and homepage (T1 template) */
.t8-template .picture-text-block .picture-block img,
.t12-template .picture-text-block .picture-block img,
.t1-template .latest-news-stripe .picture-text-block .picture-block img {
  /*border: none;*/
  border: 1px solid #decbb2;
}
@media only screen and (min-width: 480px) {
  .t8-template .picture-text-block .picture-block,
  .t12-template .picture-text-block .picture-block,
  .t1-template .latest-news-stripe .picture-text-block .picture-block {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t8-template .picture-text-block .text-block,
  .t12-template .picture-text-block .text-block,
  .t1-template .latest-news-stripe .picture-text-block .text-block {
    margin: 0 0 0 3%;
    width: 48.5%;
    /* span_1_of_2 */
  }
}
@media only screen and (min-width: 600px) {
  .t8-template .picture-text-block .picture-block,
  .t12-template .picture-text-block .picture-block,
  .t1-template .latest-news-stripe .picture-text-block .picture-block {
    width: 38.2%;
    /* span_2_of_5 */
  }
  .t8-template .picture-text-block .text-block,
  .t12-template .picture-text-block .text-block,
  .t1-template .latest-news-stripe .picture-text-block .text-block {
    width: 58.8%;
    /* span_3_of_5 */
  }
}
@media only screen and (min-width: 768px) {
  .t8-template .picture-text-block .picture-block,
  .t12-template .picture-text-block .picture-block,
  .t1-template .latest-news-stripe .picture-text-block .picture-block {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t8-template .picture-text-block .text-block,
  .t12-template .picture-text-block .text-block,
  .t1-template .latest-news-stripe .picture-text-block .text-block {
    width: 48.5%;
    /* span_1_of_2 */
  }
}
@media only screen and (min-width: 920px) {
  .t8-template .picture-text-block .picture-block,
  .t12-template .picture-text-block .picture-block,
  .t1-template .latest-news-stripe .picture-text-block .picture-block {
    width: 38.2%;
    /* span_2_of_5 */
  }
  .t8-template .picture-text-block .text-block,
  .t12-template .picture-text-block .text-block,
  .t1-template .latest-news-stripe .picture-text-block .text-block {
    width: 58.8%;
    /* span_3_of_5 */
  }
}
/* ----- @@ people display cards ----- */
/* Safari fix */
/* https://stackoverflow.com/questions/34250282/flexbox-wraps-last-column-of-the-first-row-in-safari */
.people-display-flex:before,
.people-display-flex:after,
.person-card:before,
.person-card:after {
  content: normal;
}
@media only screen and (min-width: 380px) {
  .people-display-flex {
    display: -webkit-flex;
    /* needed to fix Safari and Chrome bug whwre stretch doesn't work in iOs 7 and 8 - https://stackoverflow.com/questions/33084810/how-is-possible-that-display-flex-and-align-items-center-do-not-work-anymo */
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    max-width: 100%;
    /* IE11 fix */
  }
}
.people-display {
  padding-top: 20px;
}
.people-display .person-card {
  width: 100%;
  margin: 0 0 20px 0;
  background-color: #decbb2;
  background-image: url(../img/bg-person-card-left-lg.png), /* first is on top */ url(../img/bg-person-card-right-lg.png);
  background-position: 0 11px, /* this positions the first image */ 100% 11px;
  /* this positions the second image */
  background-repeat: no-repeat;
  /* this applies to both images */
  display: block;
  padding: 8px 16px;
  box-sizing: border-box;
  /* NOTE TO SELF:  Where I'm currently at is that I've fixed the IE bug but only above 1200px where I can actually set the height of the image.
		In IE11 where the browser width is below 1200px, the link around the image blows out and you get a big gap between the image and the text below it.
		The a.ieflex-fix removes this gap but causes the text below to collapse when it wraps onto more than one line. I haven't been able to fix this so I'm not using this class on the a at the moment.
		The only other solution would be to remove the link around the image altogether. I'm reluctant to do this.
		GOING FORWARD: IE11 looks fine above 1200px, gets the gap below 1200px for images that are linked. If they can't accept that, we will remove the link around the image altogether.
		 */
}
@media only screen and (min-width: 380px) {
  .people-display .person-card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    /*align-items: flex-start; /* can't have this for IE11 as it stops contents wrapping in column */
  }
}
.people-display .person-card a.ieflex-fix {
  /* not using this at the moment as it causes paragraphs to collapse in IE11 */
  background: red;
  /* IE flexbox fix for images with a link around them (fix for below 1200px) */
  max-width: 100%;
  flex-shrink: 0;
}
.people-display .person-card img.person-pic {
  border-radius: 50%;
  border: 2px solid #ffffff;
  width: 60%;
  margin: 10px auto 12px auto;
  /* IE flexboxbox fix for images that don't have a link around them 
			and only actually needed below 1200px as the width/height settings on the image itself solve this problem from 1200px and above 
			sits between the flex div and the image, so the image doesn't stretch vertically */
  max-width: 100%;
  flex-shrink: 0;
  /* fix for IE11 flexbox bug to remove v large gap between image and text */
}
@media only screen and (min-width: 380px) {
  .people-display .person-card img.person-pic {
    width: 70%;
    margin: 0 auto 12px auto;
  }
}
@media only screen and (min-width: 1200px) {
  .people-display .person-card img.person-pic {
    width: 104px;
    height: 104px;
  }
}
.people-display .person-card img.logo-pic {
  border: 2px solid #ffffff;
  width: auto;
  margin: 20px auto 12px auto;
  /* fix for IE11 flexbox bug to stop images stretching vertically */
}
@media only screen and (min-width: 380px) {
  .people-display .person-card img.logo-pic {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .people-display .person-card img.logo-pic {
    width: 148px;
    height: 67px;
  }
}
.people-display .person-card p {
  text-align: center;
}
@media only screen and (min-width: 380px) {
  .people-display .person-card p {
    text-align: left;
  }
}
.people-display .person-card p.name {
  font-weight: 700;
  margin: 0 0 6px 0;
  margin: 0 0 12px 0;
  line-height: 1.1;
}
.people-display .person-card p.name a:link,
.people-display .person-card p.name a:visited {
  color: #195190;
}
.people-display .person-card p.name a:hover,
.people-display .person-card p.name a:focus,
.people-display .person-card p.name a:active {
  color: #195190;
}
.people-display .person-card p.role {
  text-transform: uppercase;
  margin: 0 0 6px 0;
  margin: 0 0 12px 0;
  line-height: 1.1;
  font-size: 15px;
}
.people-display .person-card p.boardrole {
  text-transform: uppercase;
  /*margin: 0;*/
  margin: 0 0 12px 0;
  line-height: 1.1;
  font-size: 15px;
}
.people-display .person-card p.position,
.people-display .person-card p.isabrole,
.people-display .person-card p.mesarole {
  text-transform: uppercase;
  margin: 0 0 12px 0;
  line-height: 1.1;
  font-size: 15px;
}
.people-display .person-card p.theme,
.people-display .person-card p.location,
.people-display .person-card p.dates,
.people-display .person-card p.organisation {
  margin: 0 0 12px 0;
  line-height: 1.1;
}
.people-display .person-card p.dates {
  font-style: italic;
}
.people-display .person-card p.institution {
  margin: 0 0 12px 0;
  line-height: 1.1;
}
.people-display .person-card p.institution + p.country {
  margin: -12px 0 12px 0;
}
.people-display .person-card p.jobtitle,
.people-display .person-card p.researchinterest {
  margin: 0 0 12px 0;
  line-height: 1.1;
  font-style: italic;
}
.people-display .person-card p.jobtitle {
  font-weight: bold;
}
.people-display .person-card p.researchinterest:before {
  content: "(";
  margin-right: 2px;
}
.people-display .person-card p.researchinterest:after {
  content: ")";
  margin-left: 2px;
}
.people-display .person-card ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  align-self: flex-end;
  margin-top: auto;
}
.people-display .person-card li {
  background: none;
  list-style-type: none;
  display: inline;
  padding: 0 16px 0 16px;
}
.people-display .person-card li img {
  display: inline-block;
}
.people-display .person-card.nobg {
  background: none;
  background-color: #decbb2;
}
@media only screen and (min-width: 380px) {
  .people-display .person-card {
    background-image: url(../img/bg-person-card-left.png), /* first is on top */ url(../img/bg-person-card-right.png);
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
  .people-display .person-card:first-child {
    margin-left: 0;
    clear: both;
  }
  .people-display .person-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 600px) {
  .people-display .person-card {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .people-display .person-card:nth-child(2n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .people-display .person-card:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .people-display .person-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .people-display .person-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .people-display .person-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 920px) {
  .people-display .person-card {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .people-display .person-card:nth-child(2n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .people-display .person-card:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 1200px) {
  .people-display .person-card {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .people-display .person-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .people-display .person-card:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
}
h2 + .people-display {
  padding-top: 4px;
}
/* ----- @@ individual person display double card ----- */
/* Safari fix */
/* https://stackoverflow.com/questions/34250282/flexbox-wraps-last-column-of-the-first-row-in-safari */
.person-box-flex:before,
.person-box-flex:after,
.picture:before,
.picture:after,
.contact-info:before,
.contact-infoafter {
  content: normal;
}
@media only screen and (min-width: 380px) {
  .person-box-flex {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.person-box {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#decbb2+0,decbb2+45,cdb18b+45,cdb18b+100 */
  xxbackground: #decbb2;
  /* Old browsers */
  xxbackground: -moz-linear-gradient(left, #decbb2 0%, #decbb2 45%, #cdb18b 45%, #cdb18b 100%);
  /* FF3.6-15 */
  xxbackground: -webkit-linear-gradient(left, #decbb2 0%, #decbb2 45%, #cdb18b 45%, #cdb18b 100%);
  /* Chrome10-25,Safari5.1-6 */
  xxbackground: linear-gradient(to right, #decbb2 0%, #decbb2 45%, #cdb18b 45%, #cdb18b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  xxfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#decbb2', endColorstr='#cdb18b', GradientType=1);
  /* IE6-9 */
}
.person-box .picture {
  width: 100%;
  margin: 0 0 0 0;
  background-color: #decbb2;
  background-image: url(../img/bg-person-card-left-lg.png), /* first is on top */ url(../img/bg-person-card-right-lg.png);
  background-position: 0 21px, /* this positions the first image */ 100% 21px;
  /* this positions the second image */
  background-repeat: no-repeat;
  /* this applies to both images */
  display: block;
  /*padding: 24px 3%;*/
  padding: 20px 3%;
  box-sizing: border-box;
}
.person-box .picture img.person-pic {
  border-radius: 50%;
  border: 2px solid #ffffff;
  width: 60%;
  margin: 5px auto 12px auto;
}
@media only screen and (min-width: 380px) {
  .person-box .picture img.person-pic {
    width: 70%;
    margin: 0 auto 12px auto;
  }
}
.person-box .picture h1 {
  font-size: 28px;
  background: none;
  margin: 0 0 10px 0;
  padding: 0 0 14px 0;
}
.person-box .picture p.role,
.person-box .picture p.position {
  text-transform: uppercase;
  /*margin: 0 0 6px 0;*/
  margin: 0 0 16px 0;
  line-height: 1.1;
}
.person-box .picture p.dates {
  margin: -6px 0 12px 0;
  line-height: 1.1;
  font-style: italic;
}
.person-box .picture p.country {
  /*margin: -16px 0 16px 0;*/
  margin: -12px 0 16px 0;
  line-height: 1.1;
}
.person-box .picture p.theme,
.person-box .picture p.institution {
  margin: 0 0 12px 0;
  line-height: 1.1;
}
.person-box .picture p.theme a:link,
.person-box .picture p.institution a:link,
.person-box .picture p.theme a:visited,
.person-box .picture p.institution a:visited {
  color: #195190;
}
.person-box .picture p.theme a:hover,
.person-box .picture p.institution a:hover,
.person-box .picture p.theme a:focus,
.person-box .picture p.institution a:focus,
.person-box .picture p.theme a:active,
.person-box .picture p.institution a:active {
  color: #195190;
}
.person-box .picture p.organisation {
  margin: 0 0 12px 0;
  line-height: 1.1;
}
.person-box .picture p.jobtitle {
  /*margin: 0 0 0 0;*/
  margin: 0 0 12px 0;
  line-height: 1.1;
  font-style: italic;
  font-weight: bold;
}
.person-box .contact-info {
  width: 100%;
  margin: 0;
  display: block;
  float: left;
  background: #cdb18b;
  padding: 48px 3% 24px 3%;
  box-sizing: border-box;
  color: #4a4351;
}
.person-box .contact-info a,
.person-box .contact-info a[href^=tel] {
  color: #4a4351 !important;
  font-weight: 700;
}
.person-box .contact-info ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.person-box .contact-info li {
  background: none;
  list-style-type: none;
  display: inline-block;
  padding: 12px 6px 0 6px;
}
@media only screen and (min-width: 320px) {
  .person-box .contact-info li {
    padding: 12px 8px 0 8px;
  }
}
@media only screen and (min-width: 560px) {
  .person-box .contact-info li {
    padding: 12px 6px 0 6px;
  }
}
@media only screen and (min-width: 768px) {
  .person-box .contact-info li {
    padding: 12px 3px 0 3px;
  }
}
@media only screen and (min-width: 860px) {
  .person-box .contact-info li {
    padding: 12px 6px 0 6px;
  }
}
@media only screen and (min-width: 980px) {
  .person-box .contact-info li {
    padding: 12px 12px 0 12px;
  }
}
.person-box .contact-info li img {
  display: inline-block;
}
.person-box .contact-info li.website img {
  vertical-align: top;
  margin-top: 3px;
}
.person-box .contact-info li.email img {
  vertical-align: top;
  margin-top: 9px;
}
.person-box .contact-info li.linkedin img {
  vertical-align: top;
  margin-top: 2px;
}
.person-box .contact-info li.researchgate img {
  vertical-align: top;
}
@media only screen and (min-width: 380px) {
  .person-box .picture {
    width: 45%;
    /* NOT A GRID VALUE */
  }
  .person-box .contact-info {
    width: 55%;
    /* NOT A GRID VALUE */
  }
}
.person-box .contact-info:empty {
  display: none;
}
/* ----- @@ news display cards ----- */
/* Safari fix */
/* https://stackoverflow.com/questions/34250282/flexbox-wraps-last-column-of-the-first-row-in-safari */
.news-display-flex:before,
.news-display-flex:after,
.news-card:before,
.news-card:after {
  content: normal;
}
@media only screen and (min-width: 380px) {
  .news-display-flex {
    /*display: -webkit-flex;*/
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
  }
}
.news-display .news-card {
  width: 100%;
  margin: 0 0 20px 0;
  display: block;
  padding: 0;
  box-sizing: border-box;
}
.news-display .news-card img {
  margin: 0 auto 12px auto;
  border: 1px solid #decbb2;
}
.news-display .news-card p.newstype {
  text-transform: uppercase;
  margin: 0 0 3px 0;
  line-height: 1.2;
  font-size: 14px;
}
.news-display .news-card h3 {
  font-weight: 700;
  margin: 0 0 14px 0;
  padding: 0;
  line-height: 1.1;
  font-size: 17px;
  font-family: "proxima-nova", Helvetica, sans-serif;
}
.news-display .news-card p.newssummary {
  margin: 0 0 12px 0;
  line-height: 1.2;
}
.news-display .news-card p.date {
  margin: 0 0 12px 0;
  line-height: 1.2;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px;
}
@media only screen and (min-width: 380px) {
  .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
  .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
  .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 600px) {
  .news-display .news-card {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .news-display .news-card:nth-child(2n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .news-display .news-card:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 920px) {
  .news-display .news-card {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .news-display .news-card:nth-child(2n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .news-display .news-card:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 1200px) {
  .news-display .news-card {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .news-display .news-card:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
}
/* ----- @@ event list map section on events T10 ----- */
.event-list-map .event-list {
  width: 100%;
  margin: 0 0 20px 0;
  float: left;
}
.event-list-map .event-map {
  width: 100%;
  margin: 0 0 20px 0;
  float: left;
}
@media only screen and (min-width: 640px) {
  .event-list-map .event-list {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 0;
  }
  .event-list-map .event-map {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
}
@media only screen and (min-width: 768px) {
  .event-list-map .event-list {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .event-list-map .event-map {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
@media only screen and (min-width: 980px) {
  .event-list-map .event-list {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 0;
  }
  .event-list-map .event-map {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
}
/* @@ back to top */
/* @@ make embedded videos and podcasts responsive */
.video-container,
.podcast-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid #decbb2;
}
.video-container iframe,
.podcast-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.picture-block .video-container {
  margin-top: -13px;
}
.podcast-container.radionz {
  padding-bottom: 24%;
  /* to match height of RadioZ embed (max required at v narrow device widths) */
  border: none;
}
@media only screen and (min-width: 320px) {
  .podcast-container.radionz {
    padding-bottom: 20.3%;
  }
}
@media only screen and (min-width: 480px) {
  .podcast-container.radionz {
    padding-bottom: 13.5%;
  }
}
@media only screen and (min-width: 640px) {
  .podcast-container.radionz {
    padding-bottom: 10.2%;
  }
}
@media only screen and (min-width: 768px) {
  .podcast-container.radionz {
    padding-bottom: 12.6%;
  }
}
@media only screen and (min-width: 980px) {
  .podcast-container.radionz {
    padding-bottom: 9.7%;
  }
}
@media only screen and (min-width: 1260px) {
  .podcast-container.radionz {
    padding-bottom: 7.6%;
  }
}
/* @@ make embedded Google maps responsive */
.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/* @@ FOOTER ============================================================================= */
#footer-wrapper a {
  color: #ffffff;
  text-decoration: none;
}
#footer-wrapper a:hover,
#footer-wrapper a:focus,
#footer-wrapper a:active {
  text-decoration: underline;
}
/* ----- @@ share stripe ----- */
#footer-share-wrapper {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#195090+0,36869f+100 */
  background: #195090;
  /* Old browsers */
  background: -moz-linear-gradient(left, #195090 0%, #36869f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #195090 0%, #36869f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #195090 0%, #36869f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195090', endColorstr='#36869f', GradientType=1);
  /* IE6-9 */
}
#footer-share-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 16px 5%;
}
@media only screen and (min-width: 320px) {
  #footer-share-inner {
    padding: 16px 4%;
  }
}
@media only screen and (min-width: 768px) {
  #footer-share-inner {
    padding: 16px 3%;
  }
}
@media only screen and (min-width: 980px) {
  #footer-share-inner {
    padding: 16px 2%;
  }
}
.share1 {
  font-size: 12px;
  color: #ffffff;
  padding-top: 16px;
}
.share2 {
  /* Add This share buttons */
  /* Add This share buttons - new 2024 */
}
.share2 li {
  float: left;
  list-style-type: none;
  padding: 0 0 0 13px;
}
.share2 li:first-child {
  padding: 0 2px 0 0;
}
.share2 li.sharetext {
  font-size: 12px;
  color: #ffffff;
  padding-top: 15px;
}
@media only screen and (max-width: 350px) {
  .share2 li.sharetext {
    width: 100%;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 350px) {
  .share2 li:nth-child(2) {
    padding-left: 0;
  }
}
.share2 .at-share-btn-elements {
  text-align: center;
}
@media only screen and (min-width: 420px) {
  .share2 .at-share-btn-elements {
    text-align: left;
  }
}
.share2 a.at-share-btn {
  border: 5px solid #ffffff;
  margin-bottom: 10px !important;
  margin-left: 3px;
}
@media only screen and (min-width: 360px) and (max-width: 391px) {
  .share2 a.at-share-btn {
    margin-right: 3px !important;
    margin-left: 0;
  }
}
@media only screen and (min-width: 420px) {
  .share2 a.at-share-btn {
    text-align: left;
    margin-bottom: 0 !important;
    margin-left: 8px;
  }
}
@media only screen and (min-width: 980px) {
  .share2 a.at-share-btn {
    margin-left: 13px;
  }
}
@media only screen and (min-width: 420px) and (max-width: 500px) {
  .share2 a.at-share-btn:first-child {
    margin-left: 0;
  }
}
.share2 .share-text {
  float: left;
  font-size: 12px;
  color: #ffffff;
  padding-top: 16px;
  margin-right: 5px;
}
@media only screen and (max-width: 500px) {
  .share2 .share-text {
    width: 100%;
    padding-bottom: 16px;
  }
}
.share2 .addthis_inline_share_toolbox span.share-text {
  margin-right: 10px;
}
.share2 .addthis_inline_share_toolbox a {
  float: left;
  margin: 5px 10px 5px 0;
}
.share2 .addthis_inline_share_toolbox a img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
/* ----- @@ superfooter ----- */
#superfooter-wrapper {
  background-color: #195190;
}
#superfooter-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 32px 5% 12px 5%;
}
@media only screen and (min-width: 320px) {
  #superfooter-inner {
    padding: 32px 4% 12px 4%;
  }
}
@media only screen and (min-width: 768px) {
  #superfooter-inner {
    padding: 32px 3% 12px 3%;
  }
}
@media only screen and (min-width: 980px) {
  #superfooter-inner {
    padding: 32px 2% 12px 2%;
  }
}
#superfooter-inner h4 {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffcd9c;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
#superfooter-inner h4 a {
  color: #ffcd9c;
}
#superfooter-inner li {
  list-style-type: none;
  font-size: 12px;
  line-height: 1.2;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* ----- @@ subfooter ----- */
#subfooter-wrapper {
  background-color: #4e4b51;
}
#subfooter-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  font-size: 12px;
  color: #ffffff;
  padding: 16px 5%;
}
@media only screen and (min-width: 320px) {
  #subfooter-inner {
    padding: 16px 4%;
  }
}
@media only screen and (min-width: 768px) {
  #subfooter-inner {
    padding: 16px 3%;
  }
}
@media only screen and (min-width: 980px) {
  #subfooter-inner {
    padding: 16px 2%;
  }
}
.sub1 {
  padding-top: 16px;
}
.sub1 li {
  display: inline;
  list-style-type: none;
  border-right: 1px solid #ffffff;
  padding: 0 6px;
}
.sub1 li:first-child {
  padding: 0 6px 0 0;
}
.sub1 li:last-child {
  padding: 0 0 0 6px;
  border-right: none;
}
.sub2 p {
  padding-top: 16px;
  margin: 0;
  font-size: 12px;
}
.sub3 {
  padding-top: 0;
}
@media only screen and (min-width: 350px) {
  .sub3 {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .sub3 {
    padding-top: 0;
  }
}
.sub3 li {
  float: left;
  list-style-type: none;
  /*padding: 0 0 0 13px;*/
  padding: 7px 10px 10px 0;
  /* AliG 04/05/24 */
}
.sub3 li:first-child {
  /*padding: 0 2px 0 0;*/
  /* AliG 04/05/24 */
}
.sub3 li.followtext {
  padding-top: 16px;
}
@media only screen and (max-width: 350px) {
  .sub3 li.followtext {
    width: 100%;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 350px) {
  .sub3 li:nth-child(2) {
    padding-left: 0;
  }
}
/* @@ HOMEPAGE ------------------------------------- */
.t1-template {
  /* @@ our research areas */
  /* @@ featured news */
  /* @@ double video stripe */
  /* @@ latest news stripe */
  /* @@ news and events 2 x 2 stripe */
  /* @@ upcoming events and twitter stripe REDUNDANT */
  /* @@ other sections stripe */
  /* @@ latest research and our people stripe */
  /* @@ contact, social, study stripe */
}
.t1-template .research-areas-stripe {
  margin: 0;
  overflow: hidden;
  background: #195190;
  background-image: url(../img/bg-homepage-our-research-topstripe.png);
  /* fallback */
  background-image: url(../img/bg-homepage-our-research-topstripe.png), -moz-linear-gradient(left, #195190 0%, #3686a0 100%);
  /* FF3.6-15 */
  background-image: url(../img/bg-homepage-our-research-topstripe.png), -webkit-linear-gradient(left, #195190 0%, #3686a0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background-image: url(../img/bg-homepage-our-research-topstripe.png), linear-gradient(to right, #195190 0%, #3686a0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-position: 50% 0;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 700px) {
  .t1-template .research-areas-stripe-img {
    background: url(../img/bg-homepage-our-research2.png) repeat-x 0 100%;
  }
}
.t1-template .research-areas-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .research-areas-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .research-areas-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .research-areas-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .research-areas-stripe-inner h2 {
  color: #057eb6;
  background: none;
  margin: 10px auto 12px auto;
  padding: 10px 0 10px 0;
  text-align: center;
}
.t1-template .research-areas-stripe-inner h2 a {
  color: #057eb6;
  color: #ffffff;
}
@media only screen and (min-width: 700px) {
  .t1-template .research-display {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
  }
}
.t1-template .research-display .research-card,
.t1-template .research-display .research-card2 {
  width: 100%;
  margin: 0 0 20px 0;
  display: block;
  padding: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #ffffff;
  border-bottom: 2px solid #8a9e25;
}
.t1-template .research-display .research-card img,
.t1-template .research-display .research-card2 img {
  margin: 0 0 12px 0;
  max-height: 150px;
  width: 100%;
}
.t1-template .research-display .research-card h3,
.t1-template .research-display .research-card2 h3 {
  margin: 0 0 14px 0;
  line-height: 1.1;
  color: #195190;
  padding: 0 5% 4px 5%;
}
.t1-template .research-display .research-card h3 a,
.t1-template .research-display .research-card2 h3 a {
  color: #195190;
}
.t1-template .research-display .research-card p,
.t1-template .research-display .research-card2 p {
  margin: 0 0 12px 0;
  line-height: 1.2;
  padding: 0 5% 4px 5%;
}
.t1-template .research-display .research-card2 h3 {
  margin: 12px 0 14px 0;
}
.t1-template .research-display .research-card.first {
  /*a.test {	
				background: url(../img/homepage-our-research-test1.jpg) no-repeat 50% 50%;

			}*/
}
.t1-template .research-display .research-card.first a.topimage {
  display: block;
  background: url(../img/homepage-our-research01v2.jpg) no-repeat 0 50%;
  background-size: cover;
  width: 100%;
  height: 100px;
  margin: 0 0 12px 0;
}
.t1-template .research-display .research-card.second {
  /*a.test {	
				background: url(../img/homepage-our-research-test2.jpg) no-repeat 50% 100%;

			}*/
}
.t1-template .research-display .research-card.second a.topimage {
  display: block;
  background: url(../img/homepage-our-research02v2.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 100px;
  margin: 0 0 12px 0;
}
.t1-template .research-display .research-card.third {
  /*a.test {	
				background: url(../img/homepage-our-research-test4.jpg) no-repeat 50% 50%;

			}*/
}
.t1-template .research-display .research-card.third a.topimage {
  display: block;
  background: url(../img/homepage-our-research03v2.jpg) no-repeat 0 50%;
  background-size: cover;
  width: 100%;
  height: 100px;
  margin: 0 0 12px 0;
}
.t1-template .research-display .research-card2.fourth {
  /*a.test {	
				background: url(../img/homepage-our-research-test3.jpg) no-repeat 50% 50%;

			}*/
}
.t1-template .research-display .research-card2.fourth a.topimage {
  display: block;
  background: url(../img/homepage-our-research04v1.jpg) no-repeat 0 50%;
  background-size: cover;
  width: 100%;
  height: 100px;
  margin: 0 0 12px 0;
}
@media only screen and (min-width: 700px) {
  .t1-template .research-display .research-card {
    width: 31.33%;
    /* span_1_of_3 */
    /* need to include this to fix Safari and old Chrome bug where each card displayed as full-width column instead of 3 cards in a row */
    margin: 0 0 20px 3%;
  }
  .t1-template .research-display .research-card2 {
    width: 100%;
    /* for the full-width Mātauranga Māori Research Programme card */
    margin: 0 0 20px 3%;
  }
  .t1-template .research-display .research-card:first-child,
  .t1-template .research-display .research-card2:first-child {
    margin-left: 0;
  }
  .t1-template .research-display .research-card.first a.topimage,
  .t1-template .research-display .research-card.second a.topimage,
  .t1-template .research-display .research-card.third a.topimage {
    height: 150px;
  }
  .t1-template .research-display .research-card2.fourth a.topimage {
    float: left;
    width: 31.33%;
    height: 100%;
    min-height: 150px;
    /* Fix for IE9 and iPhone 6 where the image wasn't showing up */
    margin: 0 3% 0 0;
  }
  .t1-template .research-display .research-card2 .card2-text-block {
    float: left;
    width: 65.66%;
  }
  .t1-template .research-display .research-card2 .card2-text-block h3 {
    padding: 0 2.5% 4px 0;
  }
  .t1-template .research-display .research-card2 .card2-text-block p {
    padding: 0 2.5% 4px 0;
  }
}
.t1-template .featured-news-stripe {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.t1-template .featured-news-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .featured-news-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .featured-news-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .featured-news-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .featured-news-stripe-inner h2 {
  background: none;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
.t1-template .featured-news-stripe-inner p.date {
  margin: 0 0 3px 0;
  line-height: 1.2;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: #057eb6;
}
.t1-template .featured-news-stripe-inner .featured-news-col {
  margin: 0;
}
@media only screen and (min-width: 480px) {
  .t1-template .featured-news-stripe-inner .featured-news-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
  .t1-template .featured-news-stripe-inner .featured-news-col:first-child {
    margin: 0;
  }
}
.t1-template .featured-news-stripe-inner .picture-text-block .picture-block img {
  border: 1px solid #decbb2;
}
@media only screen and (min-width: 920px) {
  .t1-template .featured-news-stripe-inner .picture-text-block .picture-block {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .featured-news-stripe-inner .picture-text-block .text-block {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
}
.t1-template .video-stripe {
  margin: 0;
  overflow: hidden;
}
.t1-template .video-stripe-inner .video-col {
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .t1-template .video-stripe-inner .video-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
  .t1-template .video-stripe-inner .video-col:first-child {
    margin: 0;
  }
}
.t1-template .latest-news-stripe {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.t1-template .latest-news-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .latest-news-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .latest-news-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .latest-news-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .latest-news-stripe-inner h2 {
  background: none;
  background-color: #efe9e2;
  padding: 12px 0 16px 10px;
  margin-bottom: 0;
  color: #057eb6;
}
.t1-template .latest-news-stripe-inner h2 a {
  color: #057eb6;
}
@media only screen and (min-width: 420px) {
  .t1-template .latest-news-stripe-inner h2 {
    background: #efe9e2 url(../img/bg-homepage-seeall.png) no-repeat 100% 0;
  }
}
.t1-template .latest-news-stripe-inner h2.special {
  background: none;
  background-color: #efe9e2;
}
@media only screen and (min-width: 520px) {
  .t1-template .latest-news-stripe-inner h2.special {
    background: #efe9e2 url(../img/bg-homepage-seeall2.png) no-repeat 100% 0;
    /* ALIG REMOVE SPECIAL CLASS ONCE WE HAVE DECIDED WHAT WE WANT */
  }
}
.t1-template .latest-news-stripe-inner p.seeall {
  display: none;
}
@media only screen and (min-width: 420px) {
  .t1-template .latest-news-stripe-inner p.seeall {
    display: inline-block;
    float: right;
    margin: -37px 27px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #057eb6;
  }
  .t1-template .latest-news-stripe-inner p.seeall a {
    color: #057eb6;
  }
}
.t1-template .latest-news-stripe-inner p.seeall.special {
  display: none;
}
@media only screen and (min-width: 520px) {
  .t1-template .latest-news-stripe-inner p.seeall.special {
    display: inline-block;
    float: right;
    margin: -37px 27px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #057eb6;
  }
  .t1-template .latest-news-stripe-inner p.seeall.special a {
    color: #057eb6;
  }
}
.t1-template .latest-news-stripe-inner .news-display {
  /* need to keep these to override the standard news-card breakpoints */
}
.t1-template .latest-news-stripe-inner .news-display .news-card {
  border-bottom: 2px solid #057eb6;
}
.t1-template .latest-news-stripe-inner .news-display .news-card p.date {
  margin: 0 0 3px 0;
  color: #057eb6;
}
@media only screen and (min-width: 380px) {
  .t1-template .latest-news-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 600px) {
  .t1-template .latest-news-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .latest-news-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 920px) {
  .t1-template .latest-news-stripe-inner .news-display .news-card {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
}
.t1-template .latest-news-stripe-inner .news-display.special .news-card p.date {
  margin: 0 0 12px 0;
}
.t1-template .news2-and-events2-stripe {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.t1-template .news2-and-events2-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .news2-and-events2-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .news2-and-events2-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .news2-and-events2-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .news2-and-events2-stripe-inner .news2-col {
  margin-left: 0;
}
.t1-template .news2-and-events2-stripe-inner .news2-col h2 {
  background: none;
  background-color: #efe9e2;
  padding: 12px 0 16px 10px;
  margin-bottom: 0;
  color: #057eb6;
}
.t1-template .news2-and-events2-stripe-inner .news2-col h2 a {
  color: #057eb6;
}
@media only screen and (min-width: 420px) {
  .t1-template .news2-and-events2-stripe-inner .news2-col h2 {
    background: #efe9e2 url(../img/bg-homepage-seeall.png) no-repeat 100% 0;
  }
}
.t1-template .news2-and-events2-stripe-inner .news2-col p.seeall {
  display: none;
}
@media only screen and (min-width: 420px) {
  .t1-template .news2-and-events2-stripe-inner .news2-col p.seeall {
    display: inline-block;
    float: right;
    margin: -37px 27px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #057eb6;
  }
  .t1-template .news2-and-events2-stripe-inner .news2-col p.seeall a {
    color: #057eb6;
  }
}
.t1-template .news2-and-events2-stripe-inner .news2-col .news-display .news-card {
  border-bottom: 2px solid #057eb6;
}
.t1-template .news2-and-events2-stripe-inner .news2-col .news-display .news-card p.date {
  margin: 0 0 3px 0;
  color: #057eb6;
}
.t1-template .news2-and-events2-stripe-inner .events2-col {
  margin-left: 0;
}
.t1-template .news2-and-events2-stripe-inner .events2-col h2 {
  background: none;
  background-color: #efe9e2;
  padding: 12px 0 16px 10px;
  margin-bottom: 0;
  color: #8a9e25;
  color: #676f20;
}
.t1-template .news2-and-events2-stripe-inner .events2-col h2 a {
  color: #676f20;
}
@media only screen and (min-width: 420px) {
  .t1-template .news2-and-events2-stripe-inner .events2-col h2 {
    background: #efe9e2 url(../img/bg-homepage-seeall.png) no-repeat 100% 0;
  }
}
.t1-template .news2-and-events2-stripe-inner .events2-col p.seeall {
  display: none;
}
.t1-template .news2-and-events2-stripe-inner .events2-col p.seeall a {
  color: #676f20;
}
@media only screen and (min-width: 420px) {
  .t1-template .news2-and-events2-stripe-inner .events2-col p.seeall {
    display: inline-block;
    float: right;
    margin: -37px 15px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
  }
}
.t1-template .news2-and-events2-stripe-inner .events2-col .news-display .news-card {
  border-bottom: 2px solid #8a9e25;
}
.t1-template .news2-and-events2-stripe-inner .events2-col .news-display .news-card p.date {
  margin: 0 0 3px 0;
  color: #8a9e25;
}
@media only screen and (min-width: 920px) {
  .t1-template .news2-and-events2-stripe-inner .news2-col {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .news2-and-events2-stripe-inner .events2-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
}
.t1-template .news2-and-events2-stripe-inner .news-display {
  /* need to keep these to override the standard news-card breakpoints */
}
@media only screen and (min-width: 380px) {
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 600px) {
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 920px) {
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card {
    width: 22.75%;
    /* span_1_of_4 */
    width: 47%;
    /* span_1_of_2 minus 3% */
    margin: 0 0 20px 6%;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin: 0 0 20px 6%;
    clear: none;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 6%;
    clear: none;
  }
  .t1-template .news2-and-events2-stripe-inner .news-display .news-card:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
}
.t1-template .events-twitter-stripe {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.t1-template .events-twitter-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .events-twitter-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .events-twitter-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .events-twitter-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .events-twitter-stripe-inner .events-col h2 {
  background: none;
  background-color: #efe9e2;
  padding: 12px 0 16px 10px;
  margin-bottom: 0;
  color: #8a9e25;
}
.t1-template .events-twitter-stripe-inner .events-col h2 a {
  color: #8a9e25;
  color: #676f20;
}
@media only screen and (min-width: 420px) {
  .t1-template .events-twitter-stripe-inner .events-col h2 {
    background: #efe9e2 url(../img/bg-homepage-seeall.png) no-repeat 100% 0;
  }
}
.t1-template .events-twitter-stripe-inner .events-col p.seeall {
  display: none;
}
.t1-template .events-twitter-stripe-inner .events-col p.seeall a {
  color: #676f20;
}
@media only screen and (min-width: 420px) {
  .t1-template .events-twitter-stripe-inner .events-col p.seeall {
    display: inline-block;
    float: right;
    margin: -37px 15px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
  }
}
.t1-template .events-twitter-stripe-inner .twitter-col {
  margin-left: 0;
}
.t1-template .events-twitter-stripe-inner .twitter-col h2 {
  background: none;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
.t1-template .events-twitter-stripe-inner .twitter-col .twitter-tweet-rendered {
  max-width: 100% !important;
  width: 100% !important;
}
.t1-template .events-twitter-stripe-inner .twitter-col .news-display .news-card {
  border-bottom: none;
}
@media only screen and (min-width: 920px) {
  .t1-template .events-twitter-stripe-inner .events-col {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .events-twitter-stripe-inner .twitter-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
}
.t1-template .events-twitter-stripe-inner .news-display {
  /* need to keep these to override the standard news-card breakpoints */
}
.t1-template .events-twitter-stripe-inner .news-display .news-card {
  border-bottom: 2px solid #8a9e25;
}
.t1-template .events-twitter-stripe-inner .news-display .news-card p.date {
  margin: 0 0 3px 0;
  color: #8a9e25;
}
@media only screen and (min-width: 380px) {
  .t1-template .events-twitter-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 20px 3%;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 600px) {
  .t1-template .events-twitter-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:first-child {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .events-twitter-stripe-inner .news-display .news-card {
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
}
@media only screen and (min-width: 920px) {
  .t1-template .events-twitter-stripe-inner .news-display .news-card {
    width: 47%;
    /* span_1_of_2 minus 3% */
    margin: 0 0 20px 6%;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin: 0 0 20px 6%;
    clear: none;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 6%;
    clear: none;
  }
  .t1-template .events-twitter-stripe-inner .news-display .news-card:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
}
.t1-template .other-stripe {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.t1-template .other-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .other-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .other-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .other-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .other-stripe-inner h2 {
  color: #057eb6;
}
.t1-template .other-stripe-inner h2 a {
  color: #057eb6;
}
@media only screen and (min-width: 700px) {
  .t1-template .other-display {
    display: -webkit-flex;
    /* needed to fix Safari and Chrome bug where stretch doesn't work in iOs 7 and 8 */
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    -webkit-align-items: stretch;
    /* ditto */
    align-items: stretch;
  }
}
.t1-template .other-display .other-card {
  width: 100%;
  margin: 0 0 20px 0;
  display: block;
  padding: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 20px 3% 3% 3%;
  background: #195090;
  background-image: url(../img/bg-homepage-other.png);
  /* fallback */
  background-image: url(../img/bg-homepage-other.png), -moz-linear-gradient(left, #195090 0%, #36869f 100%);
  /* FF3.6-15 */
  background-image: url(../img/bg-homepage-other.png), -webkit-linear-gradient(left, #195090 0%, #36869f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background-image: url(../img/bg-homepage-other.png), linear-gradient(to right, #195090 0%, #36869f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-position: 0 0;
  background-repeat: no-repeat;
  /* this applies to both images */
}
.t1-template .other-display .other-card img {
  margin: 0 0 12px 0;
}
.t1-template .other-display .other-card h3 {
  margin: 0 0 14px 0;
  line-height: 1.1;
  /*font-size: 30px;*/
  color: #ffffff;
}
.t1-template .other-display .other-card h3 a {
  color: #ffffff;
}
.t1-template .other-display .other-card p {
  margin: 0 0 12px 0;
  line-height: 1.2;
  color: #ffffff;
}
.t1-template .other-display .other-card ul {
  -webkit-columns: 2 160px;
  -moz-columns: 2 160px;
  columns: 2 160px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -webkit-column-rule: 1px dotted #ffffff;
  -moz-column-rule: 1px dotted #ffffff;
  column-rule: 1px dotted #ffffff;
}
.t1-template .other-display .other-card li {
  background: none;
  list-style-type: none;
  color: #ffffff;
}
.t1-template .other-display .other-card li a {
  font-weight: 700;
  color: #ffffff;
}
.t1-template .other-display .other-card:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 700px) {
  .t1-template .other-display .other-card {
    width: 31.33%;
    /* span_1_of_3 */
    /* need to include this to fix Safari and old Chrome bug where each card displayed as full-width column instead of 3 cards in a row */
    margin: 0 0 0 3%;
  }
  .t1-template .other-display .other-card:first-child {
    margin-left: 0;
  }
}
.t1-template .research-people-stripe {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.t1-template .research-people-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 4px 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .research-people-stripe-inner {
    padding: 0 4% 4px 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .research-people-stripe-inner {
    padding: 0 3% 4px 3%;
  }
}
@media only screen and (min-width: 980px) {
  .t1-template .research-people-stripe-inner {
    padding: 0 2% 4px 2%;
  }
}
.t1-template .research-people-stripe-inner .research-col h2 {
  margin-top: 20px;
}
.t1-template .research-people-stripe-inner .research-col p {
  background: url(../img/bg-h2.gif) no-repeat 0 100%;
  padding-bottom: 10px;
}
.t1-template .research-people-stripe-inner .research-col p a {
  font-weight: 700;
}
.t1-template .research-people-stripe-inner .research-col p.no-bg {
  background: none;
  padding-bottom: 0;
}
.t1-template .research-people-stripe-inner .people-col {
  margin-left: 0;
}
.t1-template .research-people-stripe-inner .people-col h2 {
  background: none;
  margin: 10px 0 12px 0;
  padding: 10px 0 0 0;
}
.t1-template .research-people-stripe-inner .people-col .person-box {
  background: #ffffff;
  margin-bottom: 14px;
}
@media only screen and (min-width: 560px) {
  .t1-template .research-people-stripe-inner .people-col .person-box {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8cab8+0,decbb2+48,ffffff+48,ffffff+52,d8cab8+52,d8cab8+100 */
    background: #d8cab8;
    /* Old browsers */
    background: -moz-linear-gradient(left, #decbb2 0%, #decbb2 47.5%, #ffffff 47.5%, #ffffff 52.5%, #decbb2 52.5%, #decbb2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #decbb2 0%, #decbb2 47.5, #ffffff 47.5%, #ffffff 52.5%, #decbb2 52.5%, #decbb2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #decbb2 0%, #decbb2 47.5%, #ffffff 47.5%, #ffffff 52.5%, #decbb2 52.5%, #decbb2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8cab8', endColorstr='#d8cab8', GradientType=1);
    /* IE6-9 */
  }
}
.t1-template .research-people-stripe-inner .people-col .person-box p a {
  font-weight: 700;
}
.t1-template .research-people-stripe-inner .people-col .person-box .picture {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 2px;
}
.t1-template .research-people-stripe-inner .people-col .person-box .picture img.person-pic {
  margin: 0 auto 20px auto;
  width: 204px;
}
@media only screen and (min-width: 560px) {
  .t1-template .research-people-stripe-inner .people-col .person-box .picture img.person-pic {
    width: 80%;
    margin: 0 auto 20px auto;
    max-width: 226px;
  }
}
.t1-template .research-people-stripe-inner .people-col .person-box .picture h3 {
  font-size: 28px;
  background: none;
  margin: 0 0 10px 0;
  padding: 0 0 14px 0;
}
.t1-template .research-people-stripe-inner .people-col .person-box .picture:last-child {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 560px) {
  .t1-template .research-people-stripe-inner .people-col .person-box .picture {
    width: 47.5%;
    /* span_1_of_2 with 5% margin */
  }
  .t1-template .research-people-stripe-inner .people-col .person-box .picture:last-child {
    width: 47.5%;
    /* NOT A GRID VALUE */
    margin-left: 5%;
  }
}
.t1-template .research-people-stripe-inner .people-col blockquote {
  background: none;
  padding: 0;
  margin: 0 0 0 0;
}
.t1-template .research-people-stripe-inner .people-col blockquote p {
  font-family: Georgia, Arial, sans-serif;
  font-size: 20px;
  color: #195190;
  font-weight: 400;
}
@media only screen and (min-width: 380px) and (max-width: 599px) {
  .t1-template .research-people-stripe-inner .people-col blockquote p {
    font-size: 19px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 859px) {
  .t1-template .research-people-stripe-inner .people-col blockquote p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 860px) {
  .t1-template .research-people-stripe-inner .people-col blockquote p {
    font-size: 24px;
  }
}
.t1-template .research-people-stripe-inner .people-col blockquote p:before {
  content: "\0022";
  margin-right: 3px;
}
.t1-template .research-people-stripe-inner .people-col blockquote p:after {
  content: "\0022";
  margin-left: 3px;
}
@media only screen and (min-width: 920px) {
  .t1-template .research-people-stripe-inner .research-col {
    width: 31.33%;
    /* span_1_of_3 */
  }
  .t1-template .research-people-stripe-inner .people-col {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 20px 3%;
  }
}
.t1-template .contact-social-study-stripe {
  background-color: #707454;
  margin: 0;
  overflow: hidden;
}
.t1-template .contact-social-study-stripe-inner {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0 5% 0 5%;
}
@media only screen and (min-width: 320px) {
  .t1-template .contact-social-study-stripe-inner {
    padding: 0 4% 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  .t1-template .contact-social-study-stripe-inner {
    padding: 0 3% 0 3%;
  }
}
.t1-template .contact-social-study-stripe-inner h2 {
  color: #057eb6;
}
.t1-template .contact-social-study-stripe-inner h2 a {
  color: #057eb6;
}
.t1-template .contact-social-study-display .contact-card,
.t1-template .contact-social-study-display .social-card,
.t1-template .contact-social-study-display .study-card {
  width: 100%;
  margin: 0 0 20px 0;
  display: block;
  float: left;
  box-sizing: border-box;
  color: #ffffff;
  padding: 0;
}
.t1-template .contact-social-study-display .contact-card img,
.t1-template .contact-social-study-display .social-card img,
.t1-template .contact-social-study-display .study-card img {
  margin: 0 0 12px 0;
}
.t1-template .contact-social-study-display .contact-card h2,
.t1-template .contact-social-study-display .social-card h2,
.t1-template .contact-social-study-display .study-card h2 {
  margin: 24px 0 14px 0;
  line-height: 1.1;
  font-size: 24px;
  color: #ffffff;
  padding: 0 0 17px 0;
  border-bottom: 2px solid #efca98;
  background: none;
}
.t1-template .contact-social-study-display .contact-card h2 a,
.t1-template .contact-social-study-display .social-card h2 a,
.t1-template .contact-social-study-display .study-card h2 a {
  color: #ffffff;
}
.t1-template .contact-social-study-display .contact-card p,
.t1-template .contact-social-study-display .social-card p,
.t1-template .contact-social-study-display .study-card p {
  margin: 0 0 12px 0;
  line-height: 1.2;
  color: #ffffff;
}
.t1-template .contact-social-study-display .contact-card p a,
.t1-template .contact-social-study-display .social-card p a,
.t1-template .contact-social-study-display .study-card p a {
  color: #ffffff;
  font-weight: 700;
}
.t1-template .contact-social-study-display .contact-card li,
.t1-template .contact-social-study-display .social-card li,
.t1-template .contact-social-study-display .study-card li {
  background: none;
  list-style-type: none;
  color: #ffffff;
}
.t1-template .contact-social-study-display .contact-card li a,
.t1-template .contact-social-study-display .social-card li a,
.t1-template .contact-social-study-display .study-card li a {
  font-weight: 700;
  color: #ffffff;
}
.t1-template .contact-social-study-display .contact-card a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media only screen and (min-width: 480px) {
  .t1-template .contact-social-study-display .contact-card p:first-of-type {
    float: left;
    width: 48.5%;
    margin-right: 3%;
  }
}
@media only screen and (min-width: 600px) {
  .t1-template .contact-social-study-display .contact-card p:first-of-type {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.t1-template .contact-social-study-display .contact-card p.call-to-action {
  clear: both;
}
.t1-template .contact-social-study-display .social-card h2 {
  /*border-bottom: 0;
				margin-bottom: 0;*/
}
@media only screen and (min-width: 600px) {
  .t1-template .contact-social-study-display .contact-card {
    margin: 0;
    padding-bottom: 10px;
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .contact-social-study-display .social-card {
    margin: 0 0 0 3%;
    padding-bottom: 10px;
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .contact-social-study-display .study-card {
    margin: 0;
    padding-bottom: 24px;
    width: 100%;
  }
}
@media only screen and (min-width: 813px) {
  .t1-template .contact-social-study-display .contact-card {
    margin: 0 0 0 0;
    padding-bottom: 24px;
    width: 31.33%;
    /* span_1_of_3 */
  }
  .t1-template .contact-social-study-display .social-card,
  .t1-template .contact-social-study-display .study-card {
    margin: 0 0 0 3%;
    padding-bottom: 24px;
    width: 31.33%;
    /* span_1_of_3 */
  }
}
/* @@ WHAKAREWAREWA v1 ------------------------------------- */
.whakarewarewa1 #header-banner {
  background: #3686a0;
}
@media only screen and (min-width: 768px) {
  .whakarewarewa1 .callout-stripe-inner {
    background: url(../img/bg-whakarewarewa-stripe1.jpg) no-repeat 33% 0;
  }
}
@media only screen and (min-width: 1200px) {
  .whakarewarewa1 .callout-stripe-inner {
    background: url(../img/bg-whakarewarewa-stripe1.jpg) no-repeat -45px 0;
  }
}
/* @@ WHAKAREWAREWA v2 ------------------------------------- */
.whakarewarewa2 {
  /*#header-banner, */
}
.whakarewarewa2 #header-banner {
  background: #a2a2a1;
}
.whakarewarewa2 #breadcrumbs {
  background: #c02f25;
  /* Old browsers */
  background: -moz-linear-gradient(left, #c02f25 0%, #b69a5d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #c02f25 0%, #b69a5d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #c02f25 0%, #b69a5d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c02f25', endColorstr='#b69a5d', GradientType=1);
  /* IE6-9 */
}
.whakarewarewa2 #breadcrumbs-inner ul {
  background: url(../img/bg-breadcrumbs-waka2.png) no-repeat 0 50%;
}
.whakarewarewa2 h1,
.whakarewarewa2 h2,
.whakarewarewa2 h3,
.whakarewarewa2 h4,
.whakarewarewa2 h5,
.whakarewarewa2 h6 {
  color: #c02f25;
}
.whakarewarewa2 .subnav-col h3 a:link,
.whakarewarewa2 .subnav-col h3 a:visited {
  color: #b69a5d;
}
.whakarewarewa2 .subnav-col li a:link,
.whakarewarewa2 .subnav-col li a:visited {
  color: #b69a5d;
}
.whakarewarewa2 .subnav-col li a.current:link,
.whakarewarewa2 .subnav-col li a.current:visited,
.whakarewarewa2 .subnav-col li a.current:hover,
.whakarewarewa2 .subnav-col li a.current:focus,
.whakarewarewa2 .subnav-col li a.current:active {
  color: #c02f25;
}
.whakarewarewa2 a:link,
.whakarewarewa2 a:visited {
  color: #f7941d;
}
.whakarewarewa2 p.caption {
  color: #c02f25;
}
.whakarewarewa2 .callout-stripe {
  background-color: #b69a5d;
}
@media only screen and (min-width: 768px) {
  .whakarewarewa2 .callout-stripe-inner {
    background: url(../img/bg-whakarewarewa-stripe2.jpg) no-repeat 33% 0;
  }
}
@media only screen and (min-width: 1200px) {
  .whakarewarewa2 .callout-stripe-inner {
    background: url(../img/bg-whakarewarewa-stripe2.jpg) no-repeat -45px 0;
  }
}
.whakarewarewa2 .callout-stripe-inner .content-col h1,
.whakarewarewa2 .callout-stripe-inner .content-col h2,
.whakarewarewa2 .callout-stripe-inner .content-col h3,
.whakarewarewa2 .callout-stripe-inner .content-col h4,
.whakarewarewa2 .callout-stripe-inner .content-col h5,
.whakarewarewa2 .callout-stripe-inner .content-col h6 {
  color: #ffffff;
}
.whakarewarewa2 .callout-stripe-inner .content-col p {
  color: #ffffff;
}
.whakarewarewa2 .callout-stripe-inner .content-col a:link,
.whakarewarewa2 .callout-stripe-inner .content-col a:visited {
  color: #c02f25;
}
.whakarewarewa2 .blockquote-stripe,
.whakarewarewa2 .blockquote-img-stripe {
  background: #195190 url(../img/bg-blockquote-stripe-waka2-test.jpg) repeat-y 50% 0;
  background: #195190 url(../img/CloudBlockQuote.png) repeat-y 50% 0;
}
.whakarewarewa2 .blockquote-stripe-inner,
.whakarewarewa2 .blockquote-img-stripe-inner {
  background-image: url(../img/bg-blockquote-stripe1-waka2.png), url(../img/bg-blockquote-stripe2-waka2.png);
}
/* @@ SITEMAP ------------------------------------- */
.content-col ul.SitemapChildren.Root {
  background: #dbdfeb;
  padding: 0;
}
.content-col li.SitemapEntry {
  position: relative;
  background: none;
  padding: 0;
  border-bottom: 1px solid #ffffff;
}
.content-col li.SitemapEntry a {
  display: block;
  color: #195190;
  /*font-size: 14px;*/
  font-size: 15px;
  line-height: 1.28571em;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 20px;
  /*border-right: 1px solid @white;*/
  margin-right: 30px;
}
.content-col span.show-sitemap-dropdown {
  width: 30px;
  /*height: 37px;*/
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border-left: 1px solid #ffffff;
}
.content-col ul.SitemapChildren li.SitemapEntry ul.SitemapChildren li.SitemapEntry span.show-sitemap-dropdown {
  height: 37px;
}
.content-col .sitemap-caret {
  position: absolute;
  top: 16px;
  left: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #195190;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";
}
.content-col .sitemap-caret:hover {
  border-top: 4px solid #8a9e25;
  border-right: 4px solid #dbdfeb;
  border-left: 4px solid #dbdfeb;
}
.content-col li.SitemapEntry ul.SitemapChildren {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ffffff;
  border-bottom: none;
}
.content-col li.SitemapEntry ul.SitemapChildren li:last-child {
  border-bottom: none;
}
.content-col li.SitemapEntry ul.SitemapChildren li.SitemapEntry a {
  padding: 8px 20px 8px 40px;
  border-right: none;
  margin-right: 0;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
  margin-right: 30px;
}
.content-col li.SitemapEntry ul.SitemapChildren li.SitemapEntry ul.SitemapChildren li.SitemapEntry a {
  padding: 8px 20px 8px 70px;
}
.content-col li.SitemapEntry ul.SitemapChildren li.SitemapEntry ul.SitemapChildren li.SitemapEntry ul.SitemapChildren li.SitemapEntry a {
  padding: 8px 20px 8px 100px;
}
/*  @@ GLOBAL OBJECTS ============================================================================= */
.breaker {
  clear: both;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
/* @@ VENDOR-SPECIFIC ============================================================================= */
html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #349edb;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.clearfix {
  zoom: 1;
}
::-webkit-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
::-moz-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
::selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
::-webkit-input-placeholder {
  font-size: .875em;
  line-height: 1.4;
}
input:-moz-placeholder {
  font-size: .875em;
  line-height: 1.4;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* @@ ACCESSIBILITY ============================================================================= */
/* @@ Skip links */
#skiptomain {
  display: none;
}
.skip-links a {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  font-size: 15px;
  padding: 5px;
  /*color: @black; */
  color: #ffffff;
}
.skip-links a:active,
.skip-links a:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
#content-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0;
  width: 100%;
  max-width: 100%;
}
#content-wrapper table th {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  background: #decbb2;
  font-family: "proxima-nova", Helvetica, sans-serif;
  color: #195190;
  vertical-align: top;
  padding: 10px 12px 7px 12px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
#content-wrapper table th em {
  font-style: italic;
}
#content-wrapper table th a {
  color: #195190;
}
#content-wrapper table tr:nth-child(odd) {
  background-color: #eee5d8;
}
#content-wrapper table td {
  padding: 10px 12px 7px 12px;
  line-height: 1.3;
  vertical-align: top;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}
#content-wrapper table tr:nth-child(odd) td a {
  color: #676f20;
}
#content-wrapper table tfoot {
  font-style: italic;
}
#content-wrapper table caption {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#content-wrapper table img {
  max-width: 100%;
}
#content-wrapper .people-search-results table tr:nth-child(odd) {
  background-color: #edeff5;
}
#content-wrapper .people-search-results table tr:nth-child(even) {
  background-color: #dbdfeb;
}
#content-wrapper .people-search-results table a {
  color: #195190;
}
#content-wrapper .people-search-results table tr:nth-child(odd) td a {
  color: #195190;
}
#content-wrapper p + table,
#content-wrapper p + .section > table {
  margin: 0 0 1.5em 0;
}
/*
 *
 *  Copyright (c) David Bushell | http://dbushell.com/
 *
 */
#nav {
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #ffffff;
  /*border: 1px solid pink;*/
  z-index: 200;
}
@media only screen and (min-width: 768px) {
  #nav {
    z-index: 1;
  }
}
#nav .block {
  z-index: 2;
  position: relative;
}
#nav .block .block-title {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#nav ul {
  *zoom: 1;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
#nav ul:before,
#nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  letter-spacing: 0.02em;
}
.ie7 #nav li,
.ie6 #nav li {
  display: inline;
  zoom: 1;
}
#nav li a {
  display: block;
  /*color: @white; /* Nov 21 */
  color: #195190;
  /*.font-size(16);*/
  font-size: 12px;
  line-height: 1.28571em;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
#nav li a:focus,
#nav li a:hover,
#nav li a.current,
#nav li a.section,
#nav li.parent > a {
  /*color: @superfooterh4;*/
  /* Nov 21 */
  color: #8a9e25;
}
.ie9 #nav li a:focus,
.ie9 #nav li a:hover,
.ie9 #nav li a.current {
  background: #595959;
}
#nav li.is-active a {
  color: #ffffff;
}
.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url(../img/close-btn.svg) left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url(../img/close-btn.png);
}
.close-btn:focus,
.close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#nav .close-btn {
  display: none;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #cccccc;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";
}
@media only screen and (min-width: 768px) {
  .caret {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #nav ul.dropdown-menu li.dropdown .caret {
    display: inline-block;
  }
}
.ie6 .caret {
  line-height: 0.5;
  border-right: 4px solid #595959;
  border-left: 4px solid #595959;
  top: 11px;
}
.caret:hover {
  border-top: 4px solid #fff;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
#nav ul.dropdown-menu {
  display: none;
}
.search-box {
  float: right;
  padding: 0;
}
.search-box form {
  width: 100%;
  padding: 0;
  margin: 0 0 0 0;
  background-color: #fff0db;
  border: 2px solid #bd9865;
  -webkit-border-top-right-radius: 19px;
  -webkit-border-bottom-right-radius: 19px;
  -webkit-border-bottom-left-radius: 19px;
  -webkit-border-top-left-radius: 19px;
  -moz-border-radius-topright: 19px;
  -moz-border-radius-bottomright: 19px;
  -moz-border-radius-bottomleft: 19px;
  -moz-border-radius-topleft: 19px;
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-top-left-radius: 19px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: rgba(255, 255, 255, 0.15);
  float: right;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.search-box form label {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.search-box form input {
  width: 81%;
  height: 35px;
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 16px;
  border: none;
  background-color: #fff0db;
  color: #195190;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 19px;
  -webkit-border-top-left-radius: 19px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 19px;
  -moz-border-radius-topleft: 19px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 19px;
  border-top-left-radius: 19px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  font-weight: 700;
  box-sizing: border-box;
  -webkit-appearance: none;
}
@media only screen and (max-width: 345px) {
  .search-box form input {
    width: 79%;
  }
}
.search-box form input.searchButton {
  font-family: inherit;
  /*font-size: 1px;*/
  font-size: 0;
  font-weight: bold;
  padding: 0;
  height: 35px;
  width: 38px;
  border: none;
  background: url(../img/icon-search.gif) no-repeat 10px 9px;
  cursor: pointer;
  -webkit-border-top-right-radius: 19px;
  -webkit-border-bottom-right-radius: 19px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 19px;
  -moz-border-radius-bottomright: 19px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ie8 .search-box form,
.ie7 .search-box form,
.ie6 .search-box form {
  background-color: #c5d3f0;
  border: 1px solid #9eaccb;
}
.ie7 .search-box input,
.ie6 .search-box input {
  width: 79%;
  height: 24px;
}
/* for screens narrower than 768px */
@media screen and (max-width: 767px) {
  #nav {
    position: absolute;
    top: 0;
    padding-top: 84px;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -60px;
    left: 20px;
  }
  #nav .block {
    position: relative;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 2px solid rgba(51, 51, 51, 0.9);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    margin: 0 0 10px 0;
  }
  #nav ul {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav ul.dropdown-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
    display: none;
  }
  #nav li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    float: left;
  }
  #nav li:last-child {
    border-bottom: none;
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 6px 20px;
    color: #ffffff;
    /* Nov 21 */
  }
  #nav li a:focus,
  #nav li a:hover,
  #nav li a.current,
  #nav li a.section,
  #nav li.parent > a {
    color: #90a527;
    /* Nov 21 */
  }
  #nav li.dropdown a {
    padding: 10px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 30px;
  }
  #nav ul.dropdown-menu li a {
    padding: 8px 20px 8px 40px;
    border-right: none;
    margin-right: 0;
  }
  #nav ul.dropdown-menu li.dropdown a {
    padding: 8px 20px 8px 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 30px;
  }
  #nav ul.dropdown-menu li.dropdown ul.dropdown-menu li a {
    padding: 8px 20px 8px 60px;
    border-right: none;
    margin-right: 0;
  }
  span.show-dropdown {
    width: 30px;
    height: 37px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  span.show-dropdown:focus,
  span.show-dropdown:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
  }
  .caret {
    position: absolute;
    top: 16px;
    left: 10px;
  }
  .search-box {
    width: 100%;
    float: left;
    padding: 0;
  }
  .search-box form {
    float: right;
    margin: -62px 20px 10px 64px;
    width: auto;
  }
  /* the bit that moves the page aside to reveal the nav --------------------------------------------- */
  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus,
  .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }
  .js-nav #inner-wrap {
    left: 70%;
  }
  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }
  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* for screens narrower than 480px ---------------------------------------------------------------- */
@media screen and (max-width: 479px) {
  #nav li {
    width: 100%;
  }
  #nav ul.dropdown-menu li {
    /*float: none;*/
    /* removed 05/06/24 to fix bug where nested list items are not clearing properly so links don't work as expected (and claret is too high) */
  }
}
/* for screens narrower than 420px ---------------------------------------------------------------- */
@media screen and (max-width: 419px) {
  #nav {
    padding-top: 60px;
  }
  #nav .close-btn {
    top: -50px;
  }
  .search-box {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 0 20px;
  }
  .search-box form {
    float: left;
    margin: 20px 0 20px 0;
    width: 100%;
  }
}
/* for screens wider than 768px (break-point for mobile nav) ------------------------------------- */
@media only screen and (min-width: 768px) {
  #top .nav-btn {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav {
    overflow: visible;
  }
  #nav .close-btn {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav .block-title {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav ul {
    text-align: center;
  }
  #nav ul {
    float: left;
    width: 100%;
    padding-top: 28px;
  }
  #nav li {
    display: inline-block;
  }
  #nav li:last-child {
    border-right: none;
  }
  #nav li a {
    padding: 7px;
  }
  span.show-dropdown {
    width: 10px;
    height: 27px;
    display: block;
    position: absolute;
    top: 0;
    right: 8px;
    cursor: pointer;
  }
  span.show-dropdown:focus,
  span.show-dropdown:hover {
    color: #ffffff;
  }
  .caret {
    position: absolute;
    top: 11px;
    left: -1px;
  }
  #nav li.dropdown:hover ul.dropdown-menu {
    display: block;
  }
  #nav li.dropdown:hover ul.dropdown-menu ul {
    display: none;
  }
  #nav li.dropdown ul.dropdown-menu li:hover ul {
    display: block;
  }
  #nav ul.dropdown-menu {
    position: absolute;
    left: 0;
    /*top: 30px;*/
    top: 29px;
    width: 250px;
    height: auto;
    /*background-color: @darkgrey;*/
    /* Nov 21 */
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding-top: 0;
    z-index: 1;
    margin-left: 7px;
  }
  #nav ul.dropdown-menu ul {
    /* level 2 dropdown */
    position: absolute;
    left: 244px;
    top: 30px;
    width: 250px;
    height: auto;
    /*background-color: @darkgrey;*/
    /* Nov 21 */
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    padding-top: 0;
    z-index: 1;
    margin-left: 7px;
  }
  #nav ul.dropdown-menu li a:focus,
  #nav ul.dropdown-menu li a:hover,
  #nav ul.dropdown-menu li a.current {
    /*color: @superfooterh4;*/
    /* 02/11/21 */
    color: #8a9e25;
  }
  #nav ul.dropdown-menu li {
    display: block;
    border-right: none;
    margin-left: 0;
  }
  #nav ul.dropdown-menu li a {
    margin-right: 0;
  }
  #nav ul.dropdown-menu li ul.dropdown-menu {
    position: absolute;
    left: 243px;
    top: 0;
    width: 250px;
  }
  .nav-logo {
    float: left;
    width: 19%;
    margin-left: -7px;
  }
  .search-box {
    margin: 0;
    /*padding-top: 35px;*/
    /* Nov 21 */
    padding-top: 17px;
  }
}
/* for screens wider than 1200px ------------------------------------- */
@media only screen and (min-width: 1200px) {
  #nav ul {
    float: left;
    /*width: 63%;*/
    /* Nov 2021 */
    width: 60%;
    padding-top: 28px;
    /*margin-left: 19%;*/
    /* Nov 2021 */
    margin-left: 22%;
    /*background-color: red;*/
  }
  #nav li a {
    padding: 7px 5px;
    /* Nov 21 */
  }
  .search-box {
    width: 18%;
    /*padding-top: 26px;*/
    /* Nov 21 */
    padding-top: 22px;
  }
}
/* tweaking nav spacing to accommodate a larger logo Nov 2021 - for screens wider than 1330px ------------------------------------- */
@media only screen and (min-width: 1330px) {
  #nav li a {
    padding: 7px;
    /* was the original standard nav spacing above 768px */
  }
}
@media print {
  /* ---------- @@ PAGE STRUCTURE  ============================================================================= */
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  body {
    color: #000000;
  }
  #container {
    width: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    float: none !important;
  }
  /* ---------- @@ LOGO, MAIN NAV AND SEARCH  ============================================================================= */
  #header-strip-inner {
    padding: 0 0 20px 0;
  }
  img.logo {
    display: none;
  }
  .print-logo {
    display: block;
    margin-bottom: 20px;
  }
  #nav ul {
    display: none;
  }
  .search-box {
    display: none;
  }
  /* ---------- @@ HEADER BANNER AND BREADCRUMBS  ============================================================================= */
  #header-banner {
    display: none;
  }
  #breadcrumbs-inner {
    padding: 0;
  }
  #breadcrumbs-inner li {
    color: #000000;
  }
  #breadcrumbs-inner li a {
    color: #000000;
  }
  #breadcrumbs ul {
    padding: 0;
  }
  /* ---------- @@ CONTENT  ============================================================================= */
  #content-wrapper {
    padding: 2em 0 0 0;
  }
  .print-hide {
    display: none;
  }
  .content-stripe-first-inner,
  .content-stripe-inner,
  .callout-stripe-inner,
  .callout-stripe-image-only-inner,
  .blockquote-stripe-inner,
  .blockquote-img-stripe-inner,
  .video-stripe-inner,
  .social-video-stripe-inner {
    padding: 0;
  }
  .callout-stripe-inner,
  .video-stripe-inner {
    border: 1px solid #195190;
    padding: 0 20px;
  }
  .callout-stripe-inner,
  .callout-stripe-image-only-inner,
  .blockquote-stripe-inner,
  .blockquote-img-stripe-inner,
  .video-stripe-inner {
    page-break-inside: avoid;
  }
  .social-video-stripe-inner {
    display: none;
  }
  /*  @@ TYPOGRAPHY  ============================================================================= */
  /* ----- @@ headings ----- */
  h2,
  h3 {
    orphans: 3;
  }
  .content-col h1 {
    font-size: 30px;
    border-bottom: 1px solid #057eb6;
  }
  h2 {
    font-size: 24px;
    border-bottom: 1px solid #8a9e25;
  }
  h2.with-pagination {
    border-bottom: none;
  }
  table h2 {
    border-bottom: none;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  /* ----- @@ paragraphs ----- */
  p {
    font-size: 14px;
    orphans: 3;
    widows: 3;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  p.news-pagination,
  p.search-pagination {
    margin: 0 0 16px 20px;
  }
  /* ----- @@ lists ----- */
  #content-wrapper ol li {
    list-style-type: decimal;
    font-size: 14px;
  }
  #content-wrapper ol.lower-alpha li {
    list-style-type: lower-alpha;
  }
  #content-wrapper ol.upper-alpha li {
    list-style-type: upper-alpha;
  }
  #content-wrapper ol.lower-roman li {
    list-style-type: lower-roman;
  }
  #content-wrapper ol.upper-roman li {
    list-style-type: upper-roman;
  }
  #content-wrapper ol.lower-alpha-brackets {
    list-style-type: none;
  }
  #content-wrapper ol.lower-alpha-brackets li {
    list-style-type: none;
  }
  #content-wrapper ol.decimal li {
    list-style-type: decimal;
  }
  #content-wrapper ul.link-list {
    padding: 0 0 20px 17px;
  }
  #content-wrapper ul.link-list li:before {
    content: "\203A";
    margin: 0 0.5em 0 -0.8em;
  }
  #content-wrapper ul.link-list li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: none;
    background: none;
  }
  #content-wrapper ul li {
    padding: 0 0 5px 6px;
    list-style-type: disc;
    margin: 0 0 0 15px;
    font-size: 14px;
  }
  #content-wrapper ul li ul li,
  #content-wrapper ul li ul li ul li,
  #content-wrapper ul li ol li ul li,
  #content-wrapper ol li ul li,
  #content-wrapper ol li ul li ul li,
  #content-wrapper ol li ol li ul li {
    margin: 0 0 0 15px;
    padding: 0 0 5px 6px;
    list-style-type: disc;
  }
  #content-wrapper ul li ol li,
  #content-wrapper ul li ul li ol li,
  #content-wrapper ul li ol li ol li,
  #content-wrapper ol li ol li,
  #content-wrapper ol li ul li ol li,
  #content-wrapper ol li ol li ol li {
    list-style-type: decimal;
  }
  #content-wrapper ul.followus {
    padding: 0;
    margin: 0 0 20px 0;
  }
  #content-wrapper ul.followus li {
    list-style-type: none;
    padding: 0 0 0 13px;
    margin: 0;
  }
  #content-wrapper ul.followus li.followtext {
    padding: 16px 2px 0 0;
  }
  .t15-template #content-wrapper ul {
    padding: 0;
    margin: 0 0 20px 0;
  }
  .t15-template #content-wrapper ul li {
    list-style-type: none;
    padding: 0 0 0 13px;
    margin: 0;
  }
  .t15-template #content-wrapper ul li .show-sitemap-dropdown {
    display: none;
  }
  #content-wrapper ul li {
    background: none;
  }
  #content-wrapper ul li ul li,
  #content-wrapper ul li ul li ul li,
  #content-wrapper ul li ol li ul li,
  #content-wrapper ol li ul li,
  #content-wrapper ol li ul li ul li,
  #content-wrapper ol li ol li ul li {
    background: none;
  }
  #content-wrapper ul li ol li,
  #content-wrapper ul li ul li ol li,
  #content-wrapper ul li ol li ol li,
  #content-wrapper ol li ol li,
  #content-wrapper ol li ul li ol li,
  #content-wrapper ol li ol li ol li {
    background: none;
  }
  /* ----- @@ definition lists ----- */
  dl,
  dd,
  dt {
    font-size: 14px;
  }
  /* definition list on contact us page */
  .t4-template .half-screen {
    width: 48.5%;
    /* span_2_of_4 */
    margin: 0 0 0 3%;
  }
  .t4-template .half-screen:first-child {
    margin-left: 0;
  }
  /* ----- @@ blockquote ----- */
  blockquote {
    padding: 0 50px 0 50px;
  }
  cite {
    padding: 0 0 0.75em 0;
    margin-top: -0.75em;
    font-size: 14px;
  }
  /* Blockquote stripe variation */
  .blockquote-stripe-inner blockquote p {
    font-size: 20px;
  }
  .blockquote-stripe-inner blockquote cite {
    font-size: 14px;
  }
  /* Blockquote stripe variation with image */
  .blockquote-img-stripe-inner blockquote {
    margin: 0;
    width: 50%;
  }
  .blockquote-img-stripe-inner blockquote p {
    font-size: 20px;
  }
  .blockquote-img-stripe-inner blockquote cite {
    font-size: 14px;
    margin-right: 0;
  }
  .blockquote-img-stripe-inner img {
    float: left;
    width: 42%;
    margin: 0 0 0 8%;
  }
  /* ----- Links ----- */
  h2 a[href^="ht"]:after,
  h3 a[href^="ht"]:after,
  h4 a[href^="ht"]:after,
  h5 a[href^="ht"]:after,
  h6 a[href^="ht"]:after,
  p a[href^="ht"]:after,
  li a[href^="ht"]:after,
  dl a[href^="ht"]:after,
  th a[href^="ht"]:after,
  td a[href^="ht"]:after {
    content: " (" attr(href) ") ";
    font-size: 85%;
    font-style: italic;
    font-weight: 400;
  }
  #subfooter-wrapper a[href^="ht"]:after {
    content: " ";
  }
  a,
  a:link,
  a:visited {
    text-decoration: none;
    color: #676f20;
  }
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
  }
  /* @@ callout stripe and video stripe */
  .callout-stripe-inner p a,
  .callout-stripe-inner li a,
  .video-stripe-inner p a,
  .video-stripe-inner li a {
    color: #676f20;
  }
  /* @@ search results callout stripe */
  .t13-template .callout-stripe-inner p a,
  .t13-template .callout-stripe-inner li a {
    color: #676f20;
  }
  a.readmore {
    display: none;
  }
  .content-col a.call-to-action,
  .t1-template a.call-to-action {
    display: none;
  }
  /* @@ IMAGES ============================================================================= */
  img {
    page-break-inside: avoid;
  }
  img.left {
    max-width: 220px;
    float: left;
    margin: 4px 32px 20px 0;
  }
  .captionImage.left {
    max-width: 220px !important;
    float: left;
    margin: 4px 32px 20px 0;
  }
  .captionImage.left img.left {
    float: none;
    margin: 0;
  }
  img.right {
    max-width: 220px;
    float: right;
    margin: 4px 0 20px 32px;
  }
  .captionImage.right {
    max-width: 220px !important;
    float: right;
    margin: 4px 0 20px 32px;
  }
  .captionImage.right img.right {
    float: none;
    margin: 0;
  }
  img.center {
    float: none;
    text-align: center;
    margin: 4px auto 20px auto;
  }
  .captionImage.center {
    float: none;
    text-align: center;
    margin: 4px auto 20px auto;
  }
  .captionImage.center img.center {
    float: none;
    margin: 0 auto;
  }
  /* Callout stripe */
  .callout-stripe-inner .image-wrapper {
    float: right;
    width: 38.2%;
    /* span_2_of_5 */
    max-width: 220px;
    margin: 4px 0 0 32px;
  }
  /* @@ TABLES ============================================================================= */
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  #content-wrapper table {
    border-left: 1px solid #cccccc;
  }
  #content-wrapper table th {
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 16px;
  }
  #content-wrapper table td {
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #000000;
  }
  /* @@ FORMS ============================================================================= */
  /* ----- @@ My form ----- */
  .content-col form label {
    font-size: 14px;
    width: 31.33%;
    /* span_1_of_3 */
    padding-top: 11px;
    margin: 0;
  }
  .content-col form input,
  .content-col form select,
  .content-col form textarea {
    font-size: 14px;
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 7px 3%;
    padding: 5px;
    page-break-inside: avoid;
  }
  .content-col form select {
    padding: 5px;
    height: auto;
  }
  .content-col form ul {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 0 0 0 3%;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
  }
  .content-col form ul li {
    background: none;
    list-style-type: none !important;
  }
  .content-col form input.submit-button {
    display: none;
  }
  /* ----- @@ Silverstripe form ----- */
  .content-col form.userform fieldset {
    padding: 10px 0;
  }
  .content-col form.userform legend {
    font-size: 14px;
    margin-bottom: -22px;
  }
  .content-col form.userform .field {
    margin: 0 0 7px 0;
  }
  .content-col form.userform .middleColumn {
    width: 65.66%;
    margin: 0 0 0 3%;
  }
  .content-col form.userform .middleColumn label {
    font-size: 14px;
  }
  .content-col form.userform input,
  .content-col form.userform select,
  .content-col form.userform textarea {
    font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 5px;
    page-break-inside: avoid;
  }
  .content-col form.userform .optionset .middleColumn,
  .content-col form.userform .checkbox .middleColumn {
    margin-left: 34.33%;
    padding: 0;
  }
  .content-col form.userform span.message {
    font-size: 12px;
    margin: 3px 0 7px 0;
  }
  .content-col form.userform .checkbox span.message {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 3px 0 7px 34.33%;
  }
  .content-col form.userform span.validation.message {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 3px 0 7px 34.33%;
  }
  .content-col form.userform span.right-title {
    width: 65.66%;
    /* span_2_of_3 */
    margin: 3px 0 7px 34.33%;
  }
  .content-col form.userform input.action {
    display: none;
  }
  .content-col form.userform input.action[type="reset"] {
    display: none;
  }
  .content-col form.userform span.right-title {
    font-size: 12px;
  }
  .content-col form.userform .error-container ul {
    padding: 10px 0 0 0;
  }
  .content-col form.userform .error-container li {
    background: none;
    padding: 0 0 5px 0;
  }
  .content-col form.userform .error-container h4 {
    font-size: 14px;
  }
  /* Hide people search form in T6 and T7 */
  .people-search {
    display: none;
  }
  /* Hide news search and advanced filters forms in T9 */
  .news-search {
    display: none;
  }
  .advanced-filters {
    display: none;
  }
  /* ---------- @@ FOOTER ---------- */
  #footer-wrapper a {
    color: #000000;
  }
  #footer-share-inner {
    border-top: 1px solid #cccccc;
    padding: 0;
    margin: 20px 0 0 0;
  }
  #footer-share-inner .share1 {
    float: left;
    width: 45%;
    color: #000000;
  }
  #footer-share-inner .share2 {
    display: none;
  }
  #superfooter-wrapper {
    display: none;
  }
  #subfooter-inner {
    padding: 0;
    color: #000000;
  }
  #subfooter-inner .sub1,
  #subfooter-inner .sub3 {
    display: none;
  }
  #subfooter-inner .sub2 {
    float: right;
    width: 45%;
    margin-top: -17px;
  }
  #subfooter-inner .sub2 p {
    padding-top: 0;
    text-align: right;
  }
  /*  @@ SPECIAL ELEMENTS	============================================================================= */
  /* mobile hide */
  .mobile-hide {
    display: inline;
  }
  /* callout stripes */
  .video-stripe + .callout-stripe,
  .blockquote-stripe + .callout-stripe,
  .blockquote-img-stripe + .callout-stripe,
  .callout-stripe-image-only + .callout-stripe {
    margin: 20px 0 37px 0;
  }
  .video-stripe + .callout-stripe-image-only,
  .blockquote-stripe + .callout-stripe-image-only,
  .blockquote-img-stripe + .ccallout-stripe-image-only,
  .callout-stripe + .callout-stripe-image-only {
    margin: 20px 0 37px 0;
  }
  .video-stripe + .blockquote-stripe,
  .callout-stripe + .blockquote-stripe,
  .blockquote-img-stripe + .blockquote-stripe,
  .callout-stripe-image-only + .blockquote-stripe {
    margin: 20px 0 37px 0;
  }
  .video-stripe + .blockquote-img-stripe,
  .callout-stripe + .blockquote-img-stripe,
  .blockquote-stripe + .blockquote-img-stripe,
  .callout-stripe-image-only + .blockquote-img-stripe {
    margin: 20px 0 37px 0;
  }
  .blockquote-img-stripe + .video-stripe,
  .callout-stripe + .video-stripe,
  .blockquote-stripe + .video-stripe,
  .callout-stripe-image-only + .video-stripe {
    margin: 20px 0 37px 0;
  }
  /* accordion */
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    padding: 0.5em 1em 0.5em 1em;
  }
  .accordion .accordion-block {
    margin-bottom: 3px;
  }
  /* @@ publications picture text block */
  .t5-template .picture-text-block {
    page-break-inside: avoid;
  }
  .t5-template .picture-text-block .picture-block {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .t5-template .picture-text-block .text-block {
    margin: 0 0 0 3%;
    width: 74.25%;
    /* span_3_of_4 */
  }
  /* @@ picture text block for people (T8 template), research (T12 template) and homepage (T1 template) */
  .t8-template .picture-text-block,
  .t12-template .picture-text-block,
  .t1-template .latest-news-stripe .picture-text-block {
    page-break-inside: avoid;
  }
  .t8-template .picture-text-block .picture-block,
  .t12-template .picture-text-block .picture-block,
  .t1-template .latest-news-stripe .picture-text-block .picture-block {
    width: 38.2%;
    /* span_2_of_5 */
  }
  .t8-template .picture-text-block .text-block,
  .t12-template .picture-text-block .text-block,
  .t1-template .latest-news-stripe .picture-text-block .text-block {
    margin: 0 0 0 3%;
    width: 58.8%;
    /* span_3_of_5 */
  }
  /* ----- @@ people display cards ----- */
  .people-display {
    padding-top: 0;
  }
  .people-display .person-card {
    margin: 0 0 16px 3%;
    width: 31.33%;
    /* span_1_of_3 */
    border: 1px solid #cccccc;
    page-break-inside: avoid;
    padding: 0 16px;
  }
  .people-display .person-card p {
    text-align: left;
  }
  .people-display .person-card p.role {
    font-size: 13px;
  }
  .people-display .person-card p.boardrole {
    font-size: 13px;
  }
  .people-display .person-card p.position,
  .people-display .person-card p.isabrole {
    font-size: 13px;
  }
  .people-display .person-card ul {
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
  }
  .people-display .person-card ul li {
    text-align: left;
    margin: 0 !important;
    padding: 0 0 16px 0 !important;
    display: block;
    float: left;
  }
  .people-display .person-card ul li a[href^="ht"]:after {
    content: " ";
  }
  .people-display .person-card ul li a .screen-hide {
    display: block;
    font-size: 85%;
    font-style: italic;
    font-weight: 400;
    color: #000000;
  }
  .people-display .person-card ul li a {
    color: #000000;
  }
  .people-display .person-card ul li img {
    display: none;
  }
  .people-display .person-card:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  /* ----- @@ individual person display double card ----- */
  .person-box .picture h1 {
    font-size: 24px;
  }
  .person-box .contact-info ul {
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
    float: left;
  }
  .person-box .contact-info li {
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
    display: block;
    float: left;
  }
  .person-box .contact-info li img {
    display: none;
  }
  .person-box .contact-info li a[href^="ht"]:after {
    content: "" attr(href) "";
    font-size: 85%;
    line-height: 1;
    font-style: italic;
    font-weight: 400;
    color: #000000;
  }
  .person-box .contact-info li a .screen-hide {
    display: block;
    font-size: 85%;
    font-style: italic;
    font-weight: 400;
    color: #000000;
  }
  .person-box .picture {
    width: 45%;
    /* NOT A GRID VALUE */
  }
  .person-box .contact-info {
    width: 55%;
    /* NOT A GRID VALUE */
  }
  /* ----- @@ news display cards ----- */
  .news-display .news-card {
    page-break-inside: avoid;
  }
  .news-display .news-card p.newstype {
    font-size: 12px;
  }
  .news-display .news-card h3 {
    font-size: 15px;
  }
  .news-display .news-card p.date {
    font-size: 12px;
  }
  .news-display .news-card {
    margin: 0 0 0 3%;
    width: 31.33%;
    /* span_1_of_3 */
  }
  .news-display .news-card:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  /* ----- @@ event list map section on events T10 ----- */
  .event-list-map .event-list {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
  }
  .event-list-map .event-map {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
  }
  .event-list dt {
    width: 22.75%;
    /* span_1_of_4 */
    float: left;
    margin: 0 0 20px 0;
    line-height: 1.1;
  }
  .event-list dd {
    width: 74.25%;
    /* span_3_of_4 */
    float: left;
    margin: 0 0 20px 3%;
    line-height: 1.1;
  }
  /* embedded videos */
  .video-container {
    display: none;
  }
  /* Google map */
  .map-responsive {
    width: 100%;
  }
  /*  @@ SPECIFIC PAGE TEMPLATES	============================================================================= */
  /* ----------------- HOMEPAGE TEMPLATE --------------------- */
  .t1-template {
    /* homepage header banner */
    /* @@ our research areas */
    /* @@ featured news */
    /* @@ double video stripe */
    /* @@ latest news stripe */
    /* @@ other sections stripe */
    /* @@ latest research and our people stripe */
    /* @@ contact, social, study stripe */
  }
  .t1-template #header-banner {
    display: block;
  }
  .t1-template #header-banner-inner .text-wrapper {
    width: 100%;
    padding: 20px 0 1px 0;
  }
  .t1-template #header-banner-inner .text-wrapper h1 {
    font-size: 20px;
    color: #000000;
  }
  .t1-template #header-banner-inner .text-wrapper p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
  }
  .t1-template .research-areas-stripe-inner {
    padding: 0 0 4px 0;
  }
  .t1-template .research-areas-stripe-inner h2 {
    text-align: left;
    padding: 0 0 14px 0;
    margin: 28px 0 17px 0;
    color: #195190;
  }
  .t1-template .research-areas-stripe-inner h2 a {
    color: #195190;
  }
  .t1-template .research-display .research-card {
    float: left;
    border-top: none;
    border-bottom: none;
    width: 31.33%;
    /* span_1_of_3 */
    margin: 0 0 0 3%;
  }
  .t1-template .research-display .research-card h3 {
    padding: 0 0 4px 0;
  }
  .t1-template .research-display .research-card h3 a {
    color: #195190;
  }
  .t1-template .research-display .research-card p {
    padding: 0 0 4px 0;
  }
  .t1-template .research-display .research-card2 {
    float: left;
    border-top: none;
    border-bottom: none;
    width: 100%;
    /* full width */
    margin: 0;
  }
  .t1-template .research-display .research-card2 h3 {
    padding: 0 0 4px 0;
  }
  .t1-template .research-display .research-card2 h3 a {
    color: #195190;
  }
  .t1-template .research-display .research-card2 p {
    padding: 0 0 4px 0;
  }
  .t1-template .research-display .research-card2 .card2-text-block {
    float: left;
    width: 100%;
  }
  .t1-template .research-display .research-card2 .card2-text-block h3 {
    padding: 0 0 4px 0;
  }
  .t1-template .research-display .research-card2 .card2-text-block p {
    padding: 0 0 4px 0;
  }
  .t1-template .research-display .research-card:first-child {
    margin-left: 0;
  }
  .t1-template .research-display .research-card.first a.topimage {
    display: none;
  }
  .t1-template .research-display .research-card.second a.topimage {
    display: none;
  }
  .t1-template .research-display .research-card.third a.topimage {
    display: none;
  }
  .t1-template .research-display .research-card2.fourth a.topimage {
    display: none;
  }
  .t1-template .featured-news-stripe-inner {
    padding: 0 0 4px 0;
  }
  .t1-template .featured-news-stripe-inner h2 {
    padding: 0 0 14px 0;
    margin: 0 0 17px 0;
  }
  .t1-template .featured-news-stripe-inner p.date {
    font-size: 12px;
  }
  .t1-template .featured-news-stripe-inner .featured-news-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
  .t1-template .featured-news-stripe-inner .featured-news-col:first-child {
    margin: 0;
  }
  .t1-template .featured-news-stripe-inner .picture-text-block .picture-block {
    width: 48.5%;
    /* span_1_of_2 */
    display: none;
  }
  .t1-template .featured-news-stripe-inner .picture-text-block .text-block {
    width: 100%;
    margin: 0;
  }
  .t1-template .featured-news-stripe-inner .picture-text-block .text-block h3 {
    font-size: 16px;
  }
  .t1-template .video-stripe-inner {
    page-break-inside: avoid;
  }
  .t1-template .video-stripe-inner .video-col {
    width: 48.5%;
    /* span_1_of_2 */
    margin: 0 0 0 3%;
  }
  .t1-template .video-stripe-inner .video-col h3 {
    font-size: 16px;
  }
  .t1-template .video-stripe-inner .video-col:first-child {
    margin: 0;
  }
  .t1-template .latest-news-stripe-inner {
    padding: 0 0 4px 0;
  }
  .t1-template .latest-news-stripe-inner h2 {
    padding: 0 0 14px 0;
    margin: 28px 0 17px 0;
    color: #195190;
  }
  .t1-template .latest-news-stripe-inner h2 a {
    color: #195190;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card {
    border-bottom: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card {
    width: 22.75%;
    /* span_1_of_4 */
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(2n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(3n+1) {
    margin: 0 0 20px 3%;
    clear: none;
  }
  .t1-template .latest-news-stripe-inner .news-display .news-card:nth-child(4n+1) {
    margin-left: 0;
    clear: both;
  }
  .t1-template .other-stripe-inner {
    padding: 0 0 4px 0;
    border-top: 1px solid #91a400;
  }
  .t1-template .other-display .other-card {
    padding: 0;
  }
  .t1-template .other-display .other-card h3 {
    color: #195190;
  }
  .t1-template .other-display .other-card h3 a {
    color: #195190;
  }
  .t1-template .other-display .other-card p {
    color: #000000;
  }
  .t1-template .other-display .other-card li {
    color: #000000;
  }
  .t1-template .other-display .other-card li a {
    color: #000000;
  }
  .t1-template .research-people-stripe-inner {
    padding: 0 0 4px 0;
  }
  .t1-template .research-people-stripe-inner .research-col h2 {
    margin-top: 20px;
  }
  .t1-template .research-people-stripe-inner .people-col {
    margin-left: 0;
  }
  .t1-template .research-people-stripe-inner .people-col h2 {
    padding: 0 0 14px 0;
    margin: 28px 0 17px 0;
    border-bottom: 1px solid #91a400;
  }
  .t1-template .research-people-stripe-inner .people-col .person-box {
    page-break-inside: avoid;
  }
  .t1-template .research-people-stripe-inner .people-col .person-box .picture h3 {
    font-size: 22px;
  }
  .t1-template .research-people-stripe-inner .people-col .person-box .picture {
    width: 47.5%;
    /* span_1_of_2 with 5% margin */
  }
  .t1-template .research-people-stripe-inner .people-col .person-box .picture:last-child {
    width: 47.5%;
    /* NOT A GRID VALUE */
    margin-left: 5%;
  }
  .t1-template .research-people-stripe-inner .people-col blockquote p {
    font-size: 18px;
  }
  .t1-template .contact-social-study-stripe-inner {
    padding: 0;
  }
  .t1-template .contact-social-study-display .contact-card,
  .t1-template .contact-social-study-display .social-card,
  .t1-template .contact-social-study-display .study-card {
    color: #000000;
  }
  .t1-template .contact-social-study-display .contact-card h2,
  .t1-template .contact-social-study-display .social-card h2,
  .t1-template .contact-social-study-display .study-card h2 {
    font-size: 24px;
    border-bottom: 2px solid #8a9e25;
    color: #195190;
  }
  .t1-template .contact-social-study-display .contact-card h2 a,
  .t1-template .contact-social-study-display .social-card h2 a,
  .t1-template .contact-social-study-display .study-card h2 a {
    color: #195190;
  }
  .t1-template .contact-social-study-display .contact-card p,
  .t1-template .contact-social-study-display .social-card p,
  .t1-template .contact-social-study-display .study-card p {
    color: #000000;
  }
  .t1-template .contact-social-study-display .contact-card p a,
  .t1-template .contact-social-study-display .social-card p a,
  .t1-template .contact-social-study-display .study-card p a {
    color: #000000;
  }
  .t1-template .contact-social-study-display .contact-card {
    margin: 0;
    padding-bottom: 10px;
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .contact-social-study-display .social-card {
    margin: 0 0 0 3%;
    padding-top: 24px;
    padding-bottom: 10px;
    width: 48.5%;
    /* span_1_of_2 */
  }
  .t1-template .contact-social-study-display .social-card h2 {
    display: none;
  }
  .t1-template .contact-social-study-display .social-card .twitter-feed {
    max-height: 250px;
    overflow: hidden;
  }
  .t1-template .contact-social-study-display .study-card {
    margin: 0;
    padding-bottom: 24px;
    width: 100%;
  }
}