/* style.css */


/**
 * =======================================================
 * Please DO NOT add site-specific css to this style sheet
 * =======================================================
 **/


/**
 * NOC Responsive theme uses local copy of Bootstrap v3.0.2
 *
 * see http://bootstrapdocs.com/v3.0.2/docs/css
 **/


/** 
 * Following CSS files are specified in NOC7X_main.info
 **/
/*
@import url('pre-appl.css');
@import url('fonts.css');
@import url('application.css');
*/
/* Error Agency - photoswipe */
/*
@import url('photoswipe/photoswipe.css');
@import url('photoswipe/default-skin.css');
*/




/* THEME OVERRIDE STYLES */
/* ===================== */

#skip-link a,
.region.region-page-bottom a {
  color: var(--black-col); } /* Change hidden item colour for 'accessibility scan' */

.m-mobile-navigation,
.m-search-popover {
  min-width: 320px;}

/* Overrides for fullScreenWidth */
/* ----------------------------- */
.ovrflw-vis.ovrflw-vis {
  overflow: visible; }				/* At start of page template */


/*
.m-index-hero .image.fullScreenWidth,
.m-home-hero .image.fullScreenWidth,
.m-landing-hero .image.fullScreenWidth,
.m-content-hero .image.fullScreenWidth,
.m-user-function-form .image.fullScreenWidth {
  left: 0;
  right: 0; }
*/

/* Override navigation */
/* ------------------- */
.m-article a[id]:not([href]),			/* Hide empty anchor, i.e., <a id="id"></a> */
.m-article a[name] {				/* Note: name attribute not supported in HTML5 */
  padding: 0;					/* Remove .m-article padding for name atribute, or id attribute without href */
  visibility: hidden; }				/* Maybe use <div id="id"></div> instead! */

.breadcrumb {
  background: none !important;			/* Remove background from breadcrumbs */
  font-size: 100% !important;
  padding: 0 !important; }

.m-breadcrumb ol {
  padding: 0;
  margin: 0;
  list-style: none; }

/* .m-breadcrumb .m-fixed-bar {
  padding-left: 12px; } */

/* .m-fixed-bar .wrap originally had 100px padding (note in .m-fixed-bar .wrap + .wrap this only applies to second .wrap) */
/*
.m-fixed-bar .wrap {
  padding-left: 88px; }
*/

.m-mega-nav {
  height: 49.4px; }

.m-mega-nav .area {
  width: 100% }

.m-mobile-navigation .sub-menu-action {
  cursor: pointer; }

.m-secondary-navigation {
  z-index: 1100; }				/* Use same z-index as .m-site-header */

.m-secondary-navigation .nav > li > a {
  padding: 0; }

.toolbar .m-hamburger {
  position: fixed;	/* was 'absolute' */
  top: 70px; }
  @media (max-width: 767px) {
    .toolbar .m-hamburger {
      top: 90px; } }

.hamburger:not(.is-active) .hamburger-inner,
.hamburger:not(.is-active) .hamburger-inner::before, 
.hamburger:not(.is-active) .hamburger-inner::after {
  box-shadow: 3px 3px 7px var(--dark-grey-2); }

@media print {
  .m-hamburger.m-hamburger {
    display: none !important; } }


/* Cookie policy */
#sliding-popup .popup-content {
  max-width: 95%; }
#sliding-popup .popup-content #popup-text h2 {
  font-size: 18px;
  font-weight: normal; }
#sliding-popup .popup-content #popup-text p {
  font-size: 1em;
  font-weight: normal;
  margin: 0; }
#sliding-popup .popup-content #popup-buttons {
    float: right !important; }


/* Override misc */
/* ------------- */

/* Override drupal-bootstrap.css */
.panel-title {
  margin: 0; }

/* Resize title when it is moved into the main content */
/*#main-content-section h1 {
  font-size: 2.38em; } */
  @media (max-width: 1150px) {
    #main-content-section > h1 {
      font-size: 2.03em; } }
  @media (max-width: 767px) {
    #main-content-section > h1 {
      font-size: 1.50em; } }
/* @media (max-width: 500px) {
    #main-content-section  h1 {
      font-size: 1.15em; } } */


#hero,
#hero .image,
#hero .m-home-hero-video {
  background-color: var(--hero-bkg); }

#hero .image {
  background-image: url('../img/default-water-image.jpg');	/* Default hero image */
  background-position: 50% 50%;
  background-size: cover; }

blockquote {
  border-left: 4px solid var(--blq-bdr);
  margin: 1.2em 0 0 1em;
  padding: 5px 25px 5px 0px; }

blockquote.blockquote {
  background-color: var(--blq-bkg); }

blockquote footer {
  font-size: 100%; }						/* Override Bootstrap changes */

blockquote footer::before {
  content: initial; }						/* Override Bootstrap changes */

blockquote p {
  padding-left: 25px;
  color: var(--blq-txt);;
  font-size: 1.5em;
  line-height: 1.6; }

[class^="m-"] blockquote p::before,
blockquote p.m-b-0::before {
  content: '\201c' }

[class^="m-"] blockquote p::after,
blockquote p.m-b-0::after {
  content: '\201d' }

blockquote footer {
/* font-style: italic; */
  color: var(--blq-foot);
  line-height: 1.6;
  padding-left: 25px; }


/* Style menu background */
.secondary-navigation .nav > li > a:hover,
.secondary-navigation .nav > li > a:focus,
.m-secondary-navigation .nav > li > a:hover,
.m-secondary-navigation .nav > li > a:focus {
  background-color: transparent; }

/* Style sidebar menu */
.region-sidebar-first section[id^="block-block-"] .m-cta-content,
.region-sidebar-second section[id^="block-block-"] .m-cta-content {
  margin-top: 15px;
  margin-bottom: 15px; }
.region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav,
.region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav {
/* background-color: rgba(19, 50, 77, 0.9); */
  background-color: var(--ssb-menu-bkg);
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 30px;
  max-height: 392px;
  overflow: auto; }
  @media (max-width: 1150px) {
    .region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav,
    .region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav {
      padding: 18px 20px; } }
.region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav > li,
.region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav > li {
  margin-top: 10px;
  line-height: 1.2; }
.region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav > li:first-child,
.region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav > li:first-child {
  margin-top: 0; }
.region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav > li > a,
.region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav > li > a {
  padding: 0;
  color: var(--ssb-menu-lnk);
  background-color: transparent; }
.region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav > li > a:focus,
.region-sidebar-first section[id^="block-menu-menu-"] ul.menu.nav > li > a:hover,
.region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav > li > a:focus,
.region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav > li > a:hover {
  color: var(--ssb-menu-lnk-hv); }
@media print {
  .region-sidebar-first section[id^="block-block-"] .m-cta-content,
  .region-sidebar-second section[id^="block-block-"] .m-cta-content,
  .region-sidebar-fisrt section[id^="block-menu-menu-"] ul.menu.nav,
  .region-sidebar-second section[id^="block-menu-menu-"] ul.menu.nav {
    border: 2px solid black; } }

/* Figure and caption (new and existing) */
figure br {					/* CKEditor Full HTML mode inserts br tags */
  display: none;}

.captionWrap p {				/* Style like Error Agency module figcaption */
  border-bottom: 1px solid var(--bdr-line);
  color: #007dbb;
  font-family: var(--regular-font);
  font-size: var(--cpn-FS);
  line-height: 1.6;
  margin: 1.2em 0 0;
  padding-bottom: 14px; }

/* Fix page search form and button issues (because of input-groups.less) */
#search-block-form .form-item {
  margin: 0; }

#search-block-form .input-group-btn {
  font-size: var(--lg2-font-size); }

/* Stop background scrolling when not in focus */
/* html.has-mobile-menu-open.has-mobile-menu-open, */	/* This causes page to scroll back to top */
body.has-mobile-menu-open.has-mobile-menu-open,
body.has-search-open,
body.modal-open,
body.lightbox-open,
.has-search-open .m-mobile-navigation {
  touch-action: none;				/* iOS 13+, see https://benfrain.com/preventing-body-scroll-for-modals-in-ios */
  -ms-scroll-chaining: none;			/* see above */
  -webkit-overflow-scrolling: auto;		/* See sbove */
  overscroll-behavior: none;			/* See above (other browsers) */
  overflow: hidden; }				/* Prevent background scrolling behind overlay */

.m-search-popover.m-search-popover,
.m-search-popover .back.back,
.modal.modal,
#lightbox2-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: -100px; }				/* Extend overlay bottom to deal with iOS devices (was 70px) */

@media (max-width: 767px) {
  .m-search-popover form.search-form {
    border-width: 6px; } }


/* Search page */
/* =========== */

/* Search form input */

.views-exposed-form {
  max-width: 448px;
  min-width: 290px; }
[id^=views-exposed-form-news-] .views-exposed-form .views-exposed-widgets,
[id^=views-exposed-form-publications-page-] .views-exposed-form .views-exposed-widgets,
[id^=views-exposed-form-staff-directory-] .views-exposed-form .views-exposed-widgets {
  display: inline-flex; }
[id^=views-exposed-form-news-] .views-exposed-form .views-exposed-widget,
[id^=views-exposed-form-publications-page-] .views-exposed-form .views-exposed-widget,
[id^=views-exposed-form-staff-directory-] .views-exposed-form .views-exposed-widget {
  padding-right: 0; }				/* supersedes views.css */
[id^=views-exposed-form-news-] .views-exposed-form .views-submit-button,
[id^=views-exposed-form-publications-page-] .views-exposed-form .views-submit-button,
[id^=views-exposed-form-staff-directory-] .views-exposed-form .views-submit-button {
  margin-left: -25px; }
[id^=views-exposed-form-news-] #edit-search,
[id^=views-exposed-form-publications-] #edit-search,
[id^=views-exposed-form-staff-directory-] #edit-search {
  padding-right: 32px; }

#search-form {
  min-width: 290px;
  max-width: 448px; }
.views-exposed-form .form-control,
#search-form,
#search-form .form-control {
  display: table-cell;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: none; }
.views-exposed-form .form-control,
#search-form .form-control {
  background-color: var(--srch-txt-box);
  border: 0;
  border-radius: 0;
  display: inline;
  font-size: var(--search-form-FS);
  height: 45px;
  min-width: 245px;
  padding: 10px 16px;
  width: auto; }
#search-form input[type="search"].form-control {
  border-radius: 0;
  -webkit-appearance: none;			/* Removes iOS built-in elements like drop-down list indicator */
}
.views-exposed-form .form-control,
#search-form .search-advanced .form-control,
#search-form .input-group .form-control {
  width: 100%; }
.views-exposed-form .btn,
#search-form .form-wrapper .btn,
#search-form .input-group-btn .btn {
  background-color: var(--srch-btn-bkg);
  border: none;
  border-radius: 0;
/* color: var(--srch-btn-txt); */
  color: transparent;
  height: 45px;
  overflow: hidden;
  padding-left: 14px;
  width: 45px; }
#search-form .input-group-btn .btn > * {
  display: none; }				/* Hide default glyphicon on search/node and search/user, replace with icon above */ 
#search-form[action^='/search/site'] .form-wrapper .btn {	/* Applies to Solr search only */
  color: transparent;				/* Hide the word 'search', replace with icon below */
  margin-left: -5px; }				/* Close gap between text box and button */
.views-exposed-form .btn {
  font-family: var(--bold-font);
  font-size: var(--search-form-FS);
  width: auto; }
#search-form .form-wrapper .btn::before,
#search-form .input-group-btn .btn::before {	/* use FontAwesome instead of default glyphicon */
  color: var(--srch-btn-txt);
  content: '\f002';				/* fa-search */
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.33333333em;			/* fa-lg */
  line-height: .75em;				/* fa-lg */
  vertical-align: -15%; }			/* fa-lg */
#search-form .panel {
  box-shadow: none; }

#edit-advanced .in {
  background-color: var(--acdn-hd-bkg-open); }
#edit-advanced.collapsing {
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s; }

#search-form .panel-default,
#search-form .panel-heading {
  border: 0;
  border-radius: 0;
  padding: 0; }
#search-form .panel-heading a.panel-title {
  background-color: var(--acdn-hd-bkg-open);
  color: var(--acdn-hd-txt-open);		/* supersede overrides.css */
  margin: 0;
  outline: 0;
  padding: 10px 20px; }
#search-form .panel-heading a.panel-title::before {
  content: '\f0d8';
  font: normal normal normal 20px/1 FontAwesome;
  line-height: -14px;
  position: relative;
  float: right;
  top: 5px; }
#search-form .panel-heading a.panel-title.collapsed {
  background-color: var(--acdn-hd-bkg);
  color: var(--acdn-hd-txt); }			/* supersede overrides.css */
#search-form .panel-heading a.panel-title.collapsed::before {
  content: '\f0d7'; }
#search-form .panel-body {
  border: 1px solid var(--acdn-pnl-bdr);
  border-top: none;
  padding: 40px 20px 60px; }
#search-form #edit-advanced .form-type-textfield label,
#search-form #edit-advanced .form-type-checkboxes > label {
  font-family: var(--bold-font);
  font-size: var(--search-form-FS);
  font-weight: normal; }
#search-form #edit-advanced button {
  background-color: var(--lnk-btn-bkg);
  border: 0;
  border-radius: 0;
  color: var(--lnk-btn-txt);
  font-family: var(--bold-font);
  font-size: var(--search-form-FS);
  font-weight: normal;
  height: auto;
  line-height: 1.4;
  padding: 14px 16px;
  transition: all .1s;
  width: auto; }
.views-exposed-form .btn:hover,
#search-form .form-wrapper .btn:hover,
#search-form .input-group-btn .btn:hover,
#search-form #edit-advanced button:hover {
  background-color: var(--lnk-btn-bkg-hv); }
#search-form #edit-advanced button::before {
  background: url('../img/icon-arrow-right-white-thick.svg') center/contain no-repeat;
  content: '';
  display: inline-block;
  float: right;
  height: 18px;
  margin: 2px 0 0 14px;
  width: 18px; }
#search-form .criterion .form-control {
  background-color: var(--srch-txt-box); }
#search-form .criterion input[type="checkbox"],
#search-form .criterion input[type="radio"] {
  margin-top: 8px; }
.container-inline label {			/* Solr search label */
  display: block; }				/* was inline */


/* Search results and Publications views */

.orcid-tooltip {
  display: none; }
ol.search-results {
    padding: 0;
    margin: 0;
list-style: none; }
ol.search-results.node-results > li,
ol.search-results.apachesolr_search-results > li {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--bdr-line);
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    ol.search-results > li {
      padding-bottom: 30px;
      margin-bottom: 30px; } }
ol.search-results.node-results > li:last-child,
ol.search-results.apachesolr_search-results > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0; }
.view-publications h3,
ol.search-results > li > h3 {
  font-size: var(--ll-font-size);
  line-height: 1.4; }
.view-publications.view-display-id-page h3,	/* Beware: page ID may get changed */
.view-publications.view-display-id-page_2 h3 {	/* Beware: page ID may get changed */
  margin-top: 0; }
/* ol.search-results > li > h3 {
  padding-bottom: 3px; } */
ol.search-results .search-snippet {
  font-size: var(--md-font-size);
  line-height: 1.6;
  margin-top: 16px;
  margin-bottom: 0; }
ol.search-results .search-info {
  font-size: var(--sm-font-size);
  line-height: 1.6;
  padding-top: 15px; }

.view-publications .views-row .views-field-nothing hr{
margin: 40px 0 ; }
.view-publications .views-row .views-field-field-pub-year {
  padding-top: 15px; }
.view-publications .views-row .views-field-field-pub-year,
.view-publications .views-row .views-field-field-pub-type {
  font-size: var(--sm-font-size);
  line-height: 1.6; }
.view-publications .views-row-last .views-field-nothing {
  display: none; }

/* Pager style additional tweaks */
.m-paging.m-paging ul {
  margin-top: -5px; }
.m-paging li {
  margin-top: 5px; }
.m-paging li a {
  background-color: var(--pgr-lnk-bkg);
  border: none;
  border-radius: 50px !important;
  height: 48px;
  line-height: 1.7; }
.m-paging li.disabled.disabled span {
  border: none;
  cursor: default;
  height: 48px;
  line-height: 1.7;
  padding: 10px 15px; }

/* Add columns on <div> children in Error Agency module */
/* m-embed, using the class "m-embed m-embed--two-cols" */
.m-embed--two-cols ul {
  margin-bottom: 20px; }
.m-embed--two-cols > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 80px;
  margin-left: 0;
  height: 100% !important; }
  @media (max-width: 768px) {
    .m-embed--two-cols > div {
      grid-template-columns: none; } }


/* Make two-column odd last-child item span full width */
@media (min-width: 768px) {
  .m-list-content-grid:not(.m-list-content-grid--three-cols) li:last-child:nth-child(2n+1) {
    grid-column: span 2; }
  .m-list-content-grid:not(.m-list-content-grid--three-cols) li:last-child:nth-child(2n+1) p {
     max-width: 100%; } }


/* Fix Error Agency module bottom padding with this placed above closing </div> of class="module" */
/* <div class="m-dummy0">&nbsp;</div><div class="m-dummy1">&nbsp;</div><style>#main{margin-bottom:0;}</style> */
.module div.m-dummy0 {
  padding: 0 !important; }
.module div.m-dummy1 {
  padding-top: 0 !important; }
.module div.m-dummy0,
.module div.m-dummy1 {
  height: 0; }


/* Subnavigation, using Simplebar for thin scroll bar - css in additional to application.css  */

.m-subnavigation [data-simplebar] .current > a {
  color: var(--snav-lnk-hgl); }

.simplebar .simplebar-scroll-content,
[data-simplebar-direction] .simplebar-scroll-content {
  position: static; }
.m-subnavigation .simplebar-scroll-content {
  width: calc(100% + 17px); }

.m-subnavigation [data-simplebar] > ul,
.m-subnavigation .simplebar-content > ul {
  padding: 30px; }
  @media (max-width: 1150px) {
    .m-subnavigation [data-simplebar] {
       max-width: 300px; }
    .m-subnavigation [data-simplebar] > ul,
    .m-subnavigation .simplebar-content > ul {
/*    max-width: 300px; */
      padding: 18px 20px; } }
/*
  @media (max-width: 767px) {
    .m-subnavigation [data-simplebar] > ul,
    .m-subnavigation .simplebar-content > ul {
      max-height: none; }
*/

.m-subnavigation [data-simplebar] {
/* overflow: hidden; */
  max-height: calc(392px - 4px); }		/* Height of outer div 392px minus border-top 4px */
  @media (max-width: 767px) {
    .m-subnavigation > div,
    .m-subnavigation [data-simplebar] {
      max-height: none; } }
/*
  @media (max-width: 767px) {
    .m-subnavigation [data-simplebar],
    .m-subnavigation [data-simplebar] > ul,
    .m-subnavigation .simplebar-content > ul {
      height: auto;
      max-height: none; } }
/*
.m-subnavigation [data-simplebar] {
  overflow: hidden; }
*/
.m-subnavigation [data-simplebar] > ul.is-scrollable::after,
.m-subnavigation .simplebar-content > ul.is-scrollable::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: #f9f9f9;
  width: 100%;
  height: 25px;
  background: url('../img/icon-scroll.svg') center / contain no-repeat;
  background-color: var(--snav-scr-bkg);
  background-size: 18px 10px;
  opacity: 0.9;
  pointer-events: none;
  transition: all .2s; }
  @media (max-width: 1150px) {
    .m-subnavigation [data-simplebar] > ul.is-scrollable::after,
    .m-subnavigation .simplebar-content > ul.is-scrollable::after {
      content: none;
      display: none; } }

.m-subnavigation .simplebar-content > ul.is-scrollable.has-been-scrolled::after {
  opacity: 0; }

.m-subnavigation [data-simplebar] > ul > li:first-child,
.m-subnavigation .simplebar-content > ul > li:first-child {
  margin-top: 0; }

/*.m-subnavigation .simplebar-content li > ul, */
/* .m-subnavigation [data-simplebar] li > ul {
  padding-left: 17px; }
*/
/* .m-subnavigation .simplebar-content li > ul > li, */
.m-subnavigation [data-simplebar] li > ul > li {
  margin-top: 7px; }

.m-subnavigation [data-simplebar] li > ul a {
  font-size: var(--nav3-FS);
  color: var(--snav3-lnk); }
/*
.m-subnavigation [data-simplebar] li > ul a::before {
  content: '';
  float: left;
  width: 7px;
  height: 1px;
  background-color: #eaf6fc;
  margin-left: -15px;
  margin-top: 10px; }
*/

@media (max-width: 1150px) {
  .m-subnavigation > div {
    height: 0;
    visibility: hidden; } 
/*  .m-subnavigation.is-open {
    height: 100%; } */
  .m-subnavigation.is-open > div {
    visibility: visible;
    height: auto; } }

/* Account for uncollapsed sidebars in .m-article (sidebar classes in 'body') */
/*
[class*="two-sidebars"] .m-article.m-article,
[class*="sidebar-first"] .m-article.m-article,
[class*="sidebar-second"] .m-article.m-article {
  max-width: 100vw; }
*/

@media (min-width: 768px) {
  .m-article.m-article {
    padding-right: 0; }
  [class*="sidebar-first"] .m-article.m-article,
  [class*="sidebar-second"] .m-article.m-article {
    max-width: 95%; }
  [class*="sidebar-first"] .m-article.m-article {
    padding-left: 0;
    margin-left: 0; }
  [class*="sidebar-second"] .m-article.m-article {
/*  padding-right: 0; */
    margin-right: 0; }
  [class*="two-sidebars"] .m-article.m-article {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%; } }



/* OTHER STYLES */
/* ============ */

/* Bootstrap adds the URL after a link on printed pages - don't want this! */
@media print {
  a[href]::after {
    content: none !important; } }		/* Remove this Bootstrap default: " (" attr(href) ") "; */


/* Page styles from original NOC theme */
/* =================================== */

ul.nav-tabs {
  font-family: var(--bold-font);
  font-size: var(--sm-font-size);
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px; }

p.intro {
/* color: #3fa4c9; */
/* text-shadow: 0 1px 1px rgba(63,164,210,0.3); */
  font-size: 120%; }

.leftimg.leftimg {
  float: left;
  margin: 0 30px 30px 0;
  clear: left; }

.rightimg.rightimg {
  float: right;
  margin: 0 0 30px 30px;
  clear: right; }


/* Change Bootstrap padding */
/*
.row, [class*="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px; }
*/


/* -------------------------------*/
/* General useful styling classes */
/* -------------------------------*/
.bigBottomMargin{
  margin-bottom: 20px !important; }

.bottomMargin {
  margin-bottom: 10px !important; }

.bottomPadding{
  padding-bottom: 10px !important; }

.leftMargin {
  margin-left: 10px !important; }

.leftPadding {
  padding-left: 10px !important; }

.rightMargin {
  margin-right: 10px !important; }

.rightPadding {
  padding-right: 10px !important; }

.topMargin {
  margin-top: 10px !important; }

.bigTopMargin {
  margin-top: 20px !important; }

.topPadding {
  padding-top: 10px !important; }

.noBottomBorder {
  border-bottom: 0 !important; }

.noBottomMargin {
  margin-bottom: 0 !important; }

.noTopMargin {
  margin-top: 0 !important; }

.noBottomPadding {
  padding-bottom: 0 !important; }

.noTopPadding {
  padding-top: 0 !important; }

.centre {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.clearBoth {
  clear: both; }

.noWrap {
  white-space: nowrap; }

.isSafari .nowrap,
.isSafari .noWrap {
  display: inline-block; }

.noFlow {
  overflow: hidden; }

/* Prevent superscript/subscript affecting line-height */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub{
  top: 0.4em; }

/* Hide header/footer, etc., if page is inside iframe */
.framed #toolbar-administration,
.framed #sliding-popup,
.framed .contextual,
.framed .m-hamburger,
.framed #landing,
.framed .m-fixed-bar,
.framed #hero,
.framed .highlightedr,
.framed nav.tabs,
.framed .m-site-footer,
.framed #sliding-popup {
  display: none !important; }

.framed #main {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.framed body,
.framed .l-site-wrapper {
  background-color: transparent;
  min-width: 0;
  padding: 0; }

/* YouTube and other embedded video */
.videothumbnail {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;			/* 16:9 ratio */
  position: relative; }

.videothumbnail iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }


/* Add spacing above 'Tags', 'Event dates' and 'Downloads' */
.field-name-field-attach-file::before,
.field-name-field-event-dates::before,
.field-name-field-tags::before {
  content: '\a';
  white-space: pre; }


/* <div> inside <a> tag is valid HTML5, but CKEditor inverts it */
/* could avoid this by replacing <div> with <span class="div-style"> */
/* but Drupal may insert extra <br /> and <p> tags */
span.div-style {
  display: block;
}

/* Centre images inside a container */
.imgH, img.imgH {
  width: auto;
  height: 100%; }

.imgV, img.imgV {
  width: 100%;
  height: auto; }

.imgH, .imgV,
img.imgH, img.imgV {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover; }
/* imgC to replace imgH and imgV */
.imgC, img.imgC {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }



/* ---------------------------------------------------------------------- */
/* Restyle Field Group module horizontal tabs to match Bootstrap nav-tabs */
/* also for Quicktabs module                                              */
/* ---------------------------------------------------------------------- */
.field-group-htabs-wrapper {
  clear: both;
  margin-top: 10px;
  padding-top: 15px; }

div.horizontal-tabs {
  border: 0 none;	
  margin: 0; }

.horizontal-tabs .panel-body,
.quicktabs-wrapper .quicktabs_main {
  border: 1px solid #ddd;
  border-top: 0 none;
  min-height: 100px;
  max-width: calc(100vw - 30px);		/* Fix for Safari */
  overflow: auto;				/* Fix for Safari */
  width: 100%; }				/* Fix for Safari */
  @media (max-width: 767px) {
    .horizontal-tabs .panel-body,
    .quicktabs-wrapper .quicktabs_main {
      padding: 10px; } }

.horizontal-tabs fieldset.horizontal-tabs-pane {
  border: 0 none;
  box-shadow: none;
/* margin-bottom: 10px; */			/* Commented out by AL */
  margin-bottom: 0;				/* Added by AL */
  padding: 0; }

.quicktabs-wrapper .quicktabs_main {
  padding: 10px;
  margin-top: -10px;
  position: static; }

.horizontal-tabs ul.horizontal-tabs-list,
.quicktabs-wrapper ul.quicktabs {
  background-color: transparent;
  border: 0 none;
  border-bottom: 1px solid #ddd;
  font-family: var(--bold-font);
  font-size: var(--sm-font-size);
  font-weight: normal;
  text-transform: uppercase;
  display: table; }

.quicktabs-wrapper ul.quicktabs-tabs {
  margin-bottom: -5px; }

.horizontal-tabs ul.horizontal-tabs-list .selected a,
.horizontal-tabs ul.horizontal-tabs-list .selected strong,
.quicktabs-wrapper ul.quicktabs-tabs .active a,
.quicktabs-wrapper ul.quicktabs-tabs .active strong {
  color: #555; }

.horizontal-tabs ul.horizontal-tabs-list li,
.quicktabs-wrapper ul.quicktabs-tabs li,
.quicktabs-wrapper ul.quicktabs-tabs li:active,
.quicktabs-wrapper ul.quicktabs-tabs li:hover,
.quicktabs-wrapper ul.quicktabs-tabs li:focus {
  background-color: transparent;
  border: 0 none;
  margin-bottom: -1px; 
  margin-right: 2px;
  min-width: 0;					/* was 4.5em; */
  padding: 0; } 

.horizontal-tabs ul.horizontal-tabs-list li.selected,
.quicktabs-wrapper ul.quicktabs-tabs li.active {
  padding: 0; }

.horizontal-tabs ul.horizontal-tabs-list li,
.horizontal-tabs ul.horizontal-tabs-list li.selected,
.horizontal-tabs ul.horizontal-tabs-list li:hover,
.horizontal-tabs ul.horizontal-tabs-list li:focus,
.quicktabs-wrapper ul.quicktabs-tabs li,
.quicktabs-wrapper ul.quicktabs-tabs li.active,
.quicktabs-wrapper ul.quicktabs-tabs li:hover,
.quicktabs-wrapper ul.quicktabs-tabs li:focus {
  background-color: transparent; }

.horizontal-tabs ul.horizontal-tabs-list li:not(.selected) a,
.quicktabs-wrapper ul.quicktabs-tabs li.active a,
.quicktabs-wrapper ul.quicktabs-tabs li.active a:visited,
.quicktabs-wrapper ul.quicktabs-tabs li.active a:hover {
  color: #428bca; }

.horizontal-tabs ul.horizontal-tabs-list li:not(.selected) a:hover,
.horizontal-tabs ul.horizontal-tabs-list li:not(.selected) a:focus,
.quicktabs-wrapper ul.quicktabs-tabs li:not(.active) a:hover,
.quicktabs-wrapper ul.quicktabs-tabs li:not(.active) a:focus {
  background-color: #eee;
  border-color: #eee #eee #ddd;
  color: #2a6496; }

.horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a,
.quicktabs-wrapper ul.quicktabs-tabs li a,
.quicktabs-wrapper ul.quicktabs-tabs li.active a {
  border-radius: 4px 4px 0 0;
  line-height: 1.42857;
  margin: 0;
  padding: 10px 15px;
  position: relative; }

.horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a:hover,
.horizontal-tabs ul.horizontal-tabs-list li.selected a:focus,
.quicktabs-wrapper ul.quicktabs-tabs li a,
.quicktabs-wrapper ul.quicktabs-tabs li.active a,
.quicktabs-wrapper ul.quicktabs-tabs li.active a:hover,
.quicktabs-wrapper ul.quicktabs-tabs li.active a:focus {
  border-color: transparent;
  border-image: none;
  border-style: solid;
  border-width: 1px; }

.horizontal-tabs ul.horizontal-tabs-list li.selected a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a:hover,
.horizontal-tabs ul.horizontal-tabs-list li.selected a:focus,
.quicktabs-wrapper ul.quicktabs-tabs li.active a,
.quicktabs-wrapper ul.quicktabs-tabs li.active a:hover,
.quicktabs-wrapper ul.quicktabs-tabs li.active a:focus {
  background-color: #fff;
  border-color: #ddd #ddd transparent;
  cursor: default; }

.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px; }

.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li.active {
  border-bottom: 1px solid #fff; }

.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li:not(.active) a {
  border-color: transparent transparent #ddd; }

.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li,
.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li.active {
  margin-top: 5px; }

.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li {
  height: inherit;
  min-height: inherit; }

.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li a,
.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li a:visited,
.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li.active a,
.quicktabs-wrapper ul.quicktabs-tabs.quicktabs-style-sky li.active a:visited {
  background-image: none;
  font-family: var(--bold-font);
  font-size: 1em;
  font-weight: normal;
  top: 0;
  margin-bottom: -1px;
  height: inherit;
  min-height: inherit; }


/* ------------------------------------------------ */
/* Tab panel styling for bottom panels/owl carousel */
/* ------------------------------------------------ */
#exTab1 .tab-content {
  color : #666;
/* background-color: #428bca;*/
  background-color: #f3f3f3;
  padding : 5px 15px; }

#exTab3 .nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #f3f3f3;
  color: #666; }

#exTab2 h3 {
  color : #666;
/* background-color: #428bca; */
  background-color: #f3f3f3;
  padding : 5px 15px; }

/* Remove border radius for the tab */
#exTab1 .nav-pills > li > a {
  border-radius: 0; }

/* Change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ; }

#exTab3 .tab-content {
  color : #666;
/* background-color: #428bca; */
  background-color: #f3f3f3;
  padding : 5px 7.5px; }

#exTab3 .owl-item {
  padding-left: 7.5px;
  padding-right: 7.5px; }

#exTab3 .owl-item .views-field-field-image {
  max-height: 147px; /* 147px for 2:3, 165px for 3:4 aspect ratio */
  margin-bottom: 10px;
  overflow: hidden; }


/* ------------------------------------------------------------ */
/* Deal with missing "row" class on these node-content-types... */
/* when Bootstrap column classes have been added to divs        */
/* without wrapping them in a <div class="row">...</div>        */
/* ------------------------------------------------------------ */
.node-type-project .node-project > .content,
.node-type-staff-profile .node-staff-profile > .content {
  margin-left: -15px;
  margin-right: -15px; }
/* padding-left: 7.5px; */
/* padding-right: 7.5px; } */

/* ... in which case, undo padding-top for staff profiles */
.node-type-staff-profile .node-staff-profile .field-name-body .field-items {
  padding-top: 0; }



/* Remove top margin on first title on each field */
.node-staff-profile .field-item h1:first-of-type,
.node-staff-profile .field-item h2:first-of-type,
.node-staff-profile .field-item h3:first-of-type,
.node-staff-profile .field-item h4:first-of-type,
.node-staff-profile .field-item .view-content h1:first-of-type,
.node-staff-profile .field-item .view-content h2:first-of-type,
.node-staff-profile .field-item .view-content h3:first-of-type,
.node-staff-profile .field-item .view-content h4:first-of-type,
.node-staff-profile .content > div h1:first-of-type,
.node-staff-profile .content > div h2:first-of-type,
.node-staff-profile .content > div h3:first-of-type,
.node-staff-profile .content > div h4:first-of-type,
.node-project .field-item h1:first-of-type,
.node-project .field-item h2:first-of-type,
.node-project .field-item h3:first-of-type,
.node-project .field-item h4:first-of-type {
  margin-top: 0; }

/* Cancel width of col-xx-x on staff photo */
@media (min-width: 768px) {
/* .node-staff-profile .content div[class*="col-"]:first-of-type { */
  .node-staff-profile .content div.group-page-photo {
    width: inherit; } }

@media (max-width: 512px) {
  .node-staff-profile .content div.group-page-contact {
    clear: left; } }

.node-staff-profile .content div.group-page-contact {
  float: left; }


/* Indent for publications */
.views-field-field-citation-internal .field-content {
    margin-left: 30px;
    text-indent: -30px; }

/* Redefine bold/strong in various places */
.alert a,
.field .field-label {
  font-family: var(--bold-font);
  font-weight: normal; }



/* Project content type - panels */
/* ----------------------------- */
.node-project .group-people span {
  white-space: normal; }			/* May seem to behave as nowrap */

.node-project .group-images .field-items {
  display: table; }

.node-project .group-images .field-item {
  display: table-cell; }

.node-project .group-images img {
  padding: 2px; }

.node-project .field-name-field-noc-staff-involved .field-item {
  float: left;
  height: 160px;
  width: 225px; }

.node-project .field-name-field-noc-staff-involved h2 {
  font-size: 0.95em;
  margin-top: 10px !important; }


/* Project content type - project logo */
.node-project .field-name-field-image {
  margin-bottom: 20px; }



/* Expand horizontal tabs for printing */
/* ----------------------------------- */
@media print {
  #toolbar,
  .tabs--primary,
  .breadcrumb-bk {
    display: none; }

  body.toolbar-drawer .navbar-fixed-top,
  body.toolbar .navbar-fixed-top,
  .trans.noCrsl {
    margin-top: 0 !important; }

/*
  .horizontal-tabs div.view-content div {
    display: block;
    float: none !important;
    overflow: visible; }
*/
  .horizontal-tabs .horizontal-tab-hidden {
    position: static;
    top: 0; }

  #vtoverlay,
  .statistics_counter {
    display: none !important; }

  #main-content-section {
    width: 100%; } }



/* Add extra top margin for more-link on narrow screen */
/* --------------------------------------------------- */
@media (max-width: 500px) {
  .m-news-overview .more-link,
  .m-action-block-grid .more-link,
  .m-highlighted-publications .more-link {
    margin-top: 45px !important; } }



/* Accordion plus/minus toggle */
/* --------------------------- */
/*
.accordion-toggle.collapsed::before {
  content: "+";
  top: -4px; }

.accordion-toggle::before { */
/* color: #ebda00; */ /*
  content: "\02212"; */				/* Equivalent to &minus; HTML entity */
/* display: inline-block; */ /*	
  font-size: 130%;
  float: left;
  margin: 0;
  position: relative;
  top: -3px;
  left: 2px;
  width: 30px; }
*/
/*
.accordion-toggle {
  font-weight: bold; }
*/


/* Restyle Bootstrap accordions to be similar to Error Agency (staff list) accordions */
/* There are some specificity conflicts with .m-article classes */
.panel-title.panel-title {
  font-family: var(--bold-font);
  font-size: var(--panel-ttl-FS);
  line-height: 1.8;
  padding: 0; }			/* Override Bootstrap style */
.panel-title.panel-title a {
  padding: 10px 50px 10px 20px;
  text-decoration: none; }
[id^=accordion] .panel-heading {
  padding: 0; }
[id^=accordion].panel-group .panel,
[id^=accordion] .panel-heading {
  border-radius: 0; }
[id^=accordion].panel-group.topMargin,
[id^=accordion].panel-group.bigTopMargin {
  margin-top: 30px !important;}
[id^=accordion] .panel-default {
  border: none; }
[id^=accordion] .panel-default > .panel-heading {
  background-color: transparent; }
[id^=accordion] .panel-collapse.panel-collapse {
  margin: 0; }
[id^=accordion] .panel {
  box-shadow: none; }
[id^=accordion].panel-group .panel + .panel {
  margin-top: 2px; }
[id^=accordion] .panel-heading .panel-title a::before {
  content: '\f0d8';
  font: normal normal normal 20px/1 FontAwesome;
  line-height: -14px;
  position: relative;
  float: right;
  top: 5px; }
[id^=accordion] .panel-heading .panel-title a::before {
  left: 30px; }
[id^=accordion] .panel-heading a.panel-title.collapsed {
color: #13324d; }
[id^=accordion] .panel-heading .panel-title a.collapsed::before {
  content: '\f0d7'; }
[id^=accordion] .panel-heading.panel-heading a {
  display: inline-block;
  width: 100%;
  outline: 0;
  line-height: 1.8; }
[id^=accordion] .panel-heading.panel-heading a,
[id^=accordion] .panel-heading.panel-heading a:focus,
[id^=accordion] .panel-heading.panel-heading a:hover {
  color: var(--acdn-hd-txt-open); }
[id^=accordion] .panel-heading a.collapsed,
[id^=accordion] .panel-heading a.collapsed:focus,
[id^=accordion] .panel-heading a.collapsed:hover {
  color: var(--acdn-hd-txt); }
[id^=accordion] .panel-heading .accordion-toggle {
  background-color: var(--acdn-hd-bkg-open); }
[id^=accordion] .panel-heading .accordion-toggle.collapsed {
  background-color: var(--acdn-hd-bkg); }
[id^=accordion] .panel-heading .accordion-toggle.collapsed:focus,
[id^=accordion] .panel-heading .accordion-toggle.collapsed:hover {
  background-color: var(--acdn-hd-bkg-hv); }
[id^=accordion].panel-group.altbkg .panel:nth-child(even) .panel-heading .accordion-toggle.collapsed {
  background-color: var(--acdn-hd-bkg-alt); }
[id^=accordion].panel-group.altbkg .panel:nth-child(even) .panel-heading .accordion-toggle.collapsed:focus,
[id^=accordion].panel-group.altbkg .panel:nth-child(even) .panel-heading .accordion-toggle.collapsed:hover {
  background-color: var(--acdn-hd-bkg-alt-hv); }
[id^=accordion].panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none; }
[id^=accordion].panel-group.panel-border .panel-body {
  border: 1px solid var(--acdn-pnl-bdr);
  border-top: none;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05); }
[id^=accordion] .panel-body {
  padding: 40px 20px 60px; }
[id^=accordion].panel-group.panel-border .panel-default:not(:last-child) .panel-body {
  margin-bottom: 10px; }
[id^=accordion].panel-group.panel-group .more-link {
  color: var(--acdn-more-txt);
  background-color: var(--acdn-more-bkg);
  float: right;
  font-size: var(--xs-font-size);
  line-height: 1.4;
  margin: 0 0 0 -100px;
  opacity: 0.9;
  padding: 2px 4px 2px 7px;
  transition: all .2s;
  outline: 0;
  position: relative;
  top: -24px;
  text-decoration: none; }
[id^=accordion].panel-group .more-link.openall {
  right: 75px; }
  [id^=accordion].panel-group .more-link:hover {
    background-color: var(--acdn-more-bkg-hv);
    color: var(--acdn-more-txt-hv); }
  [id^=accordion].panel-group .more-link::before {
    color: var(--acdn-more-txt);
    content: '\f067';
    display: inline-block;
    font: normal normal normal 6px/1 FontAwesome;
    line-height: -14px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    transition: all .2s; }
  [id^=accordion].panel-group .more-link:hover::before {
    color: var(--acdn-more-txt-hv); }
  [id^=accordion].panel-group .more-link.closeall::before {
    content: '\f068'; }
@media print {
  .panel-group.panel-border .panel-heading,
  .panel-group.panel-border .panel-body {
    border: 2px solid grey;
    box-shadow: none; }
  .panel-title.panel-title {
    font-size: 18px; } }


/* Calendar prev/next tweaks */
/* Added by AL on 08/06/15   */
/* ------------------------- */
.view .date-nav-wrapper .date-prev {
  right: 80px;
  padding-right: 10px !important; }

.view .date-nav-wrapper .date-prev a {
  margin-right: 10px; }

.view .date-nav-wrapper .date-next a {
  margin-left: 10px; }


.calendar-calendar .month-view .full tr td.multi-day .inner.item{
  height: 19px; }


/* Default boxes on image gallery */
/* and the to-be-retired landerBox */
/* ------------------------------ */

/* Constrain content to specified aspect ratio with outer-container and inner-container arrangement
 * An image inside the inner-container needs to be wide enough and at least as tall as the aspect ratio - if you see a greyish background
 * when resizing the display, then the image is too small and/or the aspect ratio isn't tall enough!
 *
 * A background image can be used instead...,
 * <div class="inner-container" style="background: url('image-url') no-repeat 50% 50% / cover, rgba(255,0,0,0.05);">
 * ... with background if image can't be displayed
 */

.row.alignBXimg {
  height: 100%;
  width: auto;
  margin: -7.5px; }				/* Align imgBox images with page margins */

.row.alignBXimg::after {
  content: '';
  width: 0;
  height: 0;
  clear: both; }

.imgBox {
  margin: -7.5px -22.5px;
  padding: 7.5px; }				/* For padding-free boxes, set zero padding in *local CSS* when omitting outermost container */

.imgBox .outer-outer-container {
  padding: 7.5px; }				/* Combined with above to make total 15px */

.imgBox .outer-container {
  position: relative; }
.imgBox .outer-container::after {		/* Specify aspect ratio of outer/inner-container combination */
  content: '';
  display: block;
/* padding-top: 50%;  */			/* 2:1 ratio */
/* padding-top: 56.25%; */			/* 16:9 ratio */
/* padding-top: 66.67%; */			/* 3:2 ratio */
/* padding-top: 75%;  */			/* 4:3 ratio */
  padding-top: 100%; }				/* 1:1 ratio */

.imgBox .inner-container,
.imgBox .inner-inner-container,
.imgBox a.cover-link {
  position: absolute;
/* fill parent */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.imgBox .inner-container {
/* background: repeating-linear-gradient(135deg, #fdd, #fdd 5px, #fee 5px, #fee 10px); */
  background: rgba(0,0,0,0.05);
  margin: 7.5px;
  overflow: hidden; }

.imgBox .inner-inner-container {
  padding: 11.25px; }

.imgBox a.cover-link {
  outline: none; }

.imgBox .text {
  color: #333; }				/* padding: 0 15px 15px; */

.imgBox h3 {
  margin-top: 10px; }

/* Optional - to set outermost container to a colour (e.g., grey!) */
/* .imgBox .outer-outer-container { */
/* background-color: #f3f3f3; }		*/	/* #f8f8f8 too faint for non-Mac screens */

/* Optional - to minimise border with no colour boxes */
.imgBox .inner-container {
  margin: 0; }


/* ---8X--- DELETE below to remove landerBox CSS ---X8--- */

.row.alignLBimg {
  margin-left: -22.5px;
  margin-right: -22.5px; }			/* Align landerBox images with page margins */

.landerBox {
  margin-left: -7.5px;
  margin-right: -7.5px;
  padding: 7.5px; }				/* For padding-free boxes, set zero padding in *local CSS* when omitting outermost container */

.landerBox .outer-outer-container {
  padding: 7.5px; }				/* Combined with above to make total 15px */

.landerBox .outer-container {
/* display: inline-block  */			/* In original example, but doesn't seem to work! */
  position: relative; }

.landerBox .outer-container::after {		/* This bit specifies the aspect ratio of the outer/inner-container combination */
  content: '';
  display: block;
/* padding-top: 56.25%; */			/* 16:9 ratio */
  padding-top: 50%; }				/* 2:1 ratio */


.landerBox .inner-container,
.landerBox .inner-inner-container,
.landerBox a.cover-link {
  position: absolute;
/* fill parent */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.landerBox .inner-container {
  background: linear-gradient(to bottom, #ecc, #ecc 50%, #fdd 50%, #fdd);
  background-size: 100% 6px;
  margin: 7.5px;
  overflow: hidden; }

.landerBox .inner-inner-container {
  padding: 11.25px; }				/* Especially to centre jumbotron-caption2, which has { padding-right: 22.5px; } */
						/* add *local CSS* { margin: 0 -11.25px; } to neutralise jumbotron-caption2 L-R padding */

.landerBox a.cover-link {
  outline: none; }

.landerBox .text {
  color: #333; }				/* padding: 0 15px 15px; */

.landerBox h3 {
  margin-top: 10px; }

.m-cta-content-grey {
    background: #F2F3F4;
    padding: 30px;
    line-height: 1.6;
    font-size: 14px;
}



/* Optional - to set outermost container to a colour (e.g., grey!) */
/* .landerBox .outer-outer-container { */
/* background-color: #f3f3f3; }		*/	/* #f8f8f8 too faint for non-Mac screens */

/* Optional - to minimise border with no colour boxes */
.landerBox .inner-container {
  margin: 0; }

/* ---8X--- DELETE above to remove landerBox CSS ---X8--- */


/* Set width of User login block */
section#block-user-login, form#user-login, form#user-login-form, form#tfa-entry-form {
  max-width: 320px; }


/* Wrap text around news images */
.view-news-blocks .views-field-field-image {
  float: left;
  margin-bottom: 10px;
  margin-right: 15px; }

/* Add width restrictions on uploaded photo in Story content type */
.node-story .field-type-image .captionWrap {
  width: clamp(290px, 45%, 420px) !important; }


/* Form submit button padding */
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0; }


/* Undo margins from views with class field-content */
.m-personnel-list .highlighted-persons .field-content {
  margin: 0; }