html {
    font-family: "metropolis", sans-serif;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6875rem;
}

body {
    margin: 0;
    color: #313637;
    background-color: #f7f9fa;
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e);*/
    background-position: top left /* LTR;; */;
}

/** Global **/

a {
	color: #fff;
	text-decoration: none;
}

#block-gertrude-site-branding h1 {
    padding: 26px 0px 0px 0px;
    margin: 0;
	font-size: 3.5rem;
	float: left;
}

h2 {
	font-size: 3.75rem;
    line-height: 4.5rem;
	font-family: "metropolis", sans-serif;
}

h3 {
	font-family: "metropolis", sans-serif;
}


main h2.page-title:after {
	background: url("../images/slash.svg") no-repeat 50%/35px 35px;
    padding: 0 30px;
    content: " ";
}

main {
	    font-family: "Lora", "georgia", serif;
	font-size: 1.125rem;
}

main article p {
	margin-top: 2.25rem;
    margin-bottom: 2.25rem;
	color: #313637;
    font-family: "Lora", "georgia", serif;
	font-size: 1.125rem;
    line-height: 2.25rem;
}

.row {
	padding: 0 0.9375rem;
    margin: 0 auto;
    max-width: 85rem;
    /*width: 100%;*/
}

#main_with_sidebar, .right_sidebar {
	display: flex;
}

#main_with_right_sidebar .right_sidebar .right_sidebar_main {
	flex: 0 0 73%;
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
  max-width: 90%;
  min-height: 3.375rem;
  padding: 0 1.125rem;
  color: #0d1214;
  border: 1px solid #7e96a7;
  border-radius: 0.1875rem;
  background-color: #fff;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  appearance: none;
	  font-family: "metropolis", sans-serif;
}

select {
  min-height: 2.3rem;
  padding: 0 1.125rem;
  color: #0d1214;
  border: 1px solid #7e96a7;
  border-radius: 0.1875rem;
  background-color: #fff;
  font-family: inherit;
  font-size: inherit;
	  font-family: "metropolis", sans-serif;
}

[type="search"] {
	width: 100%;
}

article .align-right {
	margin-left: 10px;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
    border: solid 2px #232946;
    outline: solid 2px #232946;
  }

@supports (outline-style: double) {

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
      border-width: 1px;
      outline-width: 6px;
      outline-style: double;
      outline-offset: -1px
  }
    }

summary {
    position: relative;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    list-style: none;
    cursor: pointer;
    transition: background-color 0.12s ease-in-out;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: inherit;
    background-color: #ebebeb;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.125rem;
	font-family: "metropolis", sans-serif;
}

table {
	border-collapse: collapse;
	width: 100%;
}

table th {
	text-align: left;
}

table tr td, table tr th {
	padding: 5px;
}

table tbody tr:hover {
	background-color: #CCCCCC;
}

table tr:nth-child(even) {
  background-color: #E7E7E7;
}

details {
	display: block;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    color: inherit;
    border: 1px solid #e7edf1;
    border-radius: 0.1875rem;
    box-shadow: 0 1px 4px #d7e1e8;
}

#edit-group-transcription .field--name-field-transcription {
	max-height: 350px;
	overflow-y: scroll;
}

details div.field {
	margin-left: 2.5em;
	margin-right: 2.5em;
	overflow-wrap: break-word;
  word-wrap: break-word;
}

details#edit-group-about-this-item>div, details#edit-group-use-and-share-this-record div:first-child {
	margin-top: 2.5em;
}

details#edit-group-about-this-item div:last-child, details#edit-group-use-and-share-this-record div:last-child, details#edit-group-transcription div {
	margin-bottom: 2.5em;
}

[dir="ltr"] summary:before, [dir="ltr"] .collapse-processed > summary .details-title:before {
    left: 0.84375rem;
}

summary {
    padding-right: 1.125rem;
	padding-left: 2.25rem;
}

summary:before, .collapse-processed > summary .details-title:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
}

summary[aria-expanded="true"]:before {
	transform: translateY(-75%) rotate(135deg);
}

fieldset legend {
	float: left;
    width: 100%;
    color: inherit;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #5d7585;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6875rem;
}

.fieldset-legend {
    padding-right: 1.125rem;
	padding-left: 1.125rem;
	display: block;
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    color: #fff;
    line-height: 1.125rem;
}

fieldset#edit-types-fieldset {
    min-width: 0;
     margin-top: 1.125rem; 
     margin-bottom: 1.125rem; 
     padding-top: 0; 
     padding-bottom: 0; 
    color: inherit;
    border: solid 2px #5d7585;
    border-radius: 0.1875rem;
    background-color: #fff;
	padding-left: 0;
	padding-right: 0;
}

article iframe {
	margin: 2em;
}

.field__label {
	font-weight: bold;
}

.field:not(:last-child) {
    margin-bottom: 2.25rem;
}

.field--name-field-transcription .field__item br {
	display: none;
}

div[role=alert] {
	background-color: #DB5456;
	margin-top: 3rem;
	padding: 20px;
	color: #fff;
	border-radius: 0.25em;
	border: 1px solid #FF0004;
}
div[role=alert] a {
	color: #fff;
}

input[type='checkbox'] {
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
	margin-right: 5px;
	vertical-align: middle;
}

/** Maintenance page **/

body.maintenance-page, body.maintenance-page a {
	color: #313637;
}

body.maintenance-page h1 {
	font-size: 3.75rem;
    line-height: 4.5rem;
	font-family: "metropolis", sans-serif;
}

body.maintenance-page main h1 {
	font-size: 2.75rem;
}

body.maintenance-page {
	padding: 20px;
}

/** Pager **/

[dir="ltr"] .pager__items {
  margin-left: 0;
}

[dir="rtl"] .pager__items {
  margin-right: 0;
}

[dir="ltr"] .pager__items {
  padding-left: 0;
}

[dir="rtl"] .pager__items {
  padding-right: 0;
}

[dir="ltr"] .pager__items {
  padding-right: 0;
	font-family: "metropolis", sans-serif;
}

[dir="rtl"] .pager__items {
  padding-left: 0;
}

.pager__items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  list-style: none;
  font-weight: bold;
}

.pager__items .pager__item:first-child {
	border-bottom-left-radius: 0.5em;
	border-top-left-radius: 0.5em;
}

.pager__items .pager__item:last-child {
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

.pager__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8125rem;
  height: 2.8125rem;
  cursor: default;
  color: #6e7172;
}

@media (min-width: 31.25rem) {

.pager__item {
    width: 3.375rem;
    height: 3.375rem
}
  }

[dir="rtl"] .pager__item--control {
  transform: scaleX(-1);
}

.pager__item--active {
  color: #fff;
  background-color: #0d77b5;
}

.pager__item--control path {
    /* IE11 Specific. */
  }

@media (-ms-high-contrast: active) {

.pager__item--control path {
      fill: currentColor
  }
    }

@media (forced-colors: active) {

.pager__item--control path {
      fill: linktext
  }
    }

.pager__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #6e7172;
}

.pager__link:hover {
  background-color: #e7edf1;
}

.pager__link:focus {
  color: #0d77b5;
  outline: solid 2px #0d77b5;
  outline-offset: -2px;
}

.pager__item svg {
  display: block;
  fill: currentColor;
}

.pager__item--next svg,
.pager__item--last svg {
  transform: rotate(180deg);
}

/** Pager close **/

/** Global close **/

/** Header **/

header.site-header #site-header__inner {
	background: #232946;
/*background: -webkit-linear-gradient(bottom, rgba(39,42,177,1) 0%, rgba(19,22,120,1) 60%);
background: -o-linear-gradient(bottom, rgba(39,42,177,1) 0%, rgba(19,22,120,1) 60%);
background: linear-gradient(to top, rgba(39,42,177,1) 0%, rgba(19,22,120,1) 60%);*/
}

header ul li {
	display: inline;
}

header ul li {
	list-style: none;
}

header ul li+li {
	margin-left: 2rem;
}

#ncl-header {
	background-color: #fff;
	padding: 0.7rem 0;
}

#ncl-header a {
	color:#665A6F;
}

#ncl-header .row {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#ncl-header nav ul {
	margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#ncl-header nav a:hover {
	text-decoration: underline;
}

#ncl-header #ncl-header-icon {
	-webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#ncl-header #ncl-header-icon a {
	background-image: url("../images/ncl-logo-bw.jpg");
	background-repeat: no-repeat;
	color: transparent;
    display: inline-block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 8.3125rem;
    min-width: 8.3125rem;
    height: 2.5rem;
    background-size: 100%;
    display: block;
    z-index: 11;
}

#ncl-header nav ul li:last-child a {
	color: transparent;
	background-image: url("../images/search.png");
	background-repeat: no-repeat;
	cursor: pointer;
    height: 35px;
    width: 45px;
    background-size: 18px 18px;
    border: none;
    -webkit-appearance: none;
}

#site-header__inner .container div:not([class]) {
	/*display: flex;
	padding: 0 0.9375rem;*/
    min-height: 80px;	
    margin: 0 auto;
    max-width: 85rem;
}

#site-header__inner nav ul {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
	padding: 0;
	margin: 0;
}

#site-header__inner nav ul li a {
	padding: 2.25rem 1rem;
	display: block;
	letter-spacing: 0.02em;
}

/*#site-header__inner nav ul li:last-of-type a {
	padding: 2.25rem 0rem 2.25rem 1rem;
}*/

#site-header__inner nav {
/*margin-right: 1rem;*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
    background-color: transparent;
}

#site-header__inner nav li:hover {
	background-color: #fff;
}

#site-header__inner nav li {
	-webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
}

#site-header__inner nav li:after {
	
}

#site-header__inner nav li:hover a {
	color: #000;
}

#block-gertrude-site-branding a {
    color: #fff;
    text-decoration: none;
}

/** Drop down menu **/

ul#superfish-main li.menuparent ul {
	background-color: hsla(0,0%,100%,.96);
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 30%);
}

ul#superfish-main-accordion {
	background-color: rgb(35, 41, 70);
}

ul#superfish-main-accordion li:not(:first-child) {
	border-top: 1px solid #e5dfd4;
}

ul#superfish-main-accordion ul.sf-has-clone-parent {
	border-left: 15px solid #e5dfd4;
	float: inherit !important;
}

ul.sf-menu.menu {
	float: right;
}

/*ul#superfish-main li.menuparent ul ol {
	display: flex;
}*/

ul#superfish-main li.menuparent ul a {
	color: #000;
}

ul.sf-menu a, ul.sf-menu span.nolink {
	padding: 2em 1.5em;
}

ul#superfish-main li:hover {
	background-color: #fff;
}

ul#superfish-main li a:hover {
	color: #000;
}

ul#superfish-main li.sfHover a {
	color: #000;
}

ul#superfish-main li {
	-webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
	z-index: 7;
}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
	top: 5em;
}

ul#superfish-main-accordion li.menuparent a.menuparent:before {
	position: absolute;
    top: 50%;
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
	left: 0.2rem;
}

/*ul.sf-menu ul {
	width: 37em !important;
}*/

ul.sf-menu ul li a:hover {
	background-color: #E3E3E3;
}

/** Drop down menu close **/

/** Search **/

#homepage_search .form-item-sort-bef-combine, #site_wide_search .form-item-sort-bef-combine {
	display: none;
}

main #views-exposed-form-solr-site-search-page-1 {
	margin-bottom: 2em;
}

#block-closesearch {
	font-size: 2em;
	float: right;
}

#site_wide_search {
	display: none;
	position: absolute;
    top: 0;
    z-index: 7;
    width: 100%;
	min-height: 18em;
	background-color: #22404c;
	border-radius: 0 0 50% 50% / 35px;
}

#site_wide_search #block-sitebranding {
	clear: both;
}

#block-exposedformsolr-site-searchpage-1 {
	margin: 2em 0 3em;
}

#block-exposedformsolr-site-searchpage-1 form .form-item-keys {
	flex: 1;
}

#block-exposedformsolr-site-searchpage-1 form {
	/*display: flex;
  	flex-wrap: nowrap;
  	align-items: center;*/
}

header #block-searchform input#edit-keys {

}


header.search_expanded #block-searchform input#edit-keys {
	display: block;
}

#block-exposedformsolr-site-searchpage-1 input[type="submit"], #block-exposedformsolr-site-searchpage-1-3 input[type="submit"] {
    cursor: pointer;
    height: 35px;
    width: 45px;
    background: url("../images/search.svg") no-repeat 1em 0.4em;
    background-size: 30px 30px;
    border: none;
    -webkit-appearance: none;
	color: transparent;
}

#block-exposedformsolr-site-searchpage-1 input[type="text"], #block-exposedformsolr-site-searchpage-1-3 input[type="text"] {
	width:92%;
}

.item-list li {
	list-style: none;
}

.item-list ul li {
	margin-top: 3rem;
	margin-bottom: 3rem;
	list-style: none;
}

.right_sidebar .item-list ul li {
	margin-top: 1rem;
	list-style: disc;
}

.item-list ul li .views-field-title a {
	font-size: 120%;
	font-family: "metropolis", sans-serif;
}

.right_sidebar .item-list ul li .views-field-title a {
	font-size: 100%;
}

.item-list ul li .views-field-type, .item-list ul li .views-field-field-reference-code {
	font-size: 80%;
	font-style: italic;
}

.item-list ul {
	margin-left: 0;
	padding-left: 0;
}

.item-list ul p {
	margin-bottom: 0;
	margin-top: 0;
}

.item-list .views-field-field-thumbnail-image {
	float: left;
	margin-right: 1em;
	min-width: 201px;
	min-height: 160px;
}

.item-list .views-field-field-thumbnail-image img {
	max-height: 110px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.item-list .views-field-field-iiif-manifest {
	display: none;
}

#views-exposed-form-solr-site-search-page-1 div, #block-exposedformsolr-site-searchpage-1-3 div {
	display: inline;
}

#views-exposed-form-solr-site-search-page-1 div input#edit-submit-site-search--3 {
	font-family: "metropolis", sans-serif;
}

.form-item-sort-bef-combine {
	float: right;
}

/** Search close **/

/** Header close **/

/** Breadcrumb **/

#block-gertrude-breadcrumbs ol li {
	list-style: none;
}

#block-gertrude-breadcrumbs ol {
	padding: 0;
	margin: 0;
}

#block-gertrude-breadcrumbs {
	background-color: #f4f4f4;
	padding: 15px 3.5%;
	font-size: 0.9em;
}

#block-gertrude-breadcrumbs a {
	color: #666666;
}

/** Breadcrumb close **/

/** Featured image on home page **/

#featured_image {
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 100%;
	padding-bottom: 4.875rem;
	border-bottom: #232946 solid 8px;
	height: 15em;
}

#featured_image img {
	background-size: cover;
    background-position: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100vw;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    width: auto;
}

#featured_image .views-field-title, #featured_image .views-field-field-featured-image-desc {
	padding: 0 0.9375rem;
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
	position: relative;
	z-index: 4;
	display: flex;
}

#featured_image .views-field-title {
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 400;	
	margin-top: 9rem;
	background-color: rgba(255,255,255,0.8);
	padding: 1rem;
	color: #232946;
	border-radius: 0.25em;
	left: 4.5em;
}

#featured_image .views-field-title a {
	color: #232946;
	font-weight: bold;
}

#featured_image .views-field-field-featured-image-desc {
	font-size: 1.875rem;
	padding: 0.75rem 0;
	line-height: 1.2;
}

#featured_image .views-row {
	
}

#featured_image nav {
	position: relative;
}

#views_slideshow_cycle_teaser_section_featured_image-block_1 {
	top: 115px;
}

/** Homepage search **/

#homepage_search {
	background-color: #22404c;
	padding: 25px;
	border-radius: 0 0 50% 50% / 35px;
	margin-bottom: 7vh;
}


/** Homepage search close **/

/** Featurd image close **/

/** Content **/

.content-type-row {
	width: 50%;
}

body.page-node-type-diary #block-gertrude-content, body.page-node-type-photographs #block-gertrude-content, body.page-node-type-letters #block-gertrude-content, body.page-node-type-photograph-album #block-gertrude-content {
	display: flex;
}

.field--name-field-iiif-manifest .field__item a {
	background: url(../images/iiif-logo.png) no-repeat;
	background-size: 100%;
	text-indent: 101%;
	display: block;
	height: 50px;
	width: 50px;
	color: transparent;
	overflow: hidden;
	box-shadow: none;
}

.field--name-field-licence .field__item, .field--name-field-license-link .field__item a {
	background: url(../images/by-sa.png) no-repeat;
	background-size: 100%;
	text-indent: 101%;
	display: block;
	color: transparent;
	overflow: hidden;
	box-shadow: none;
	width: 127px;
}

.field--name-field-iiif-manifest, .field--name-field-licence, .field--name-field-licence-link {
	display: inline;
}

.field--name-field-iiif-manifest {
	float: left;
	margin-right: 2%;
}

.field--name-field-next-url, .field--name-field-previous-url {
	display: inline-block;
}

.field--name-field-album-url .field__item a, .field--name-field-next-url .field__item a, .field--name-field-previous-url .field__item a {
	background-color: #232946;
	padding: 0.8vw;
	border-radius: 0.5em;
	color: #fff;
	text-decoration: none;
}

.field--name-field-album-url .field__item a:hover, .field--name-field-next-url .field__item a:hover, .field--name-field-previous-url .field__item a:hover {
	    color: #000;
    box-shadow: none;
    background-color: #d9ecfa;
}

#iiif-options p.request-copy {
	display: inline;
	position: fixed;
	right: 0;
	bottom: 0;
	margin-right: 4%;
	z-index: 100;
	margin-bottom: 0;
}

#iiif-options p.request-copy a {
	text-decoration: none;
	background-color: #232946;
	color: #fff;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	padding: 0.5em;
	font-family: "metropolis", sans-serif;
}

#iiif-options p a:hover {
	color: #000;
	box-shadow: none;
	background-color: #d9ecfa;
}

main h3 {
	margin-top: 2.25rem;
    margin-bottom: 2.25rem;
	font-size: 1.5rem;
	font-weight: bold;
}

main a {
	transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
}

main a:hover, .path-frontpage .more-link a:hover, .right_sidebar .views-element-container div#views_slideshow_cycle_teaser_section_on_this_day-block_1 .views-field-title a:hover {
	text-decoration: underline;
    color: #000;
    box-shadow: inset 0 -2em 0 0 #d9ecfa;
    -webkit-text-decoration-color: #d9ecfa;
    text-decoration-color: #d9ecfa;
}

#block-views-block-home-page-blocks-block-1 div[class^="js-view-dom-id"] {
	height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

#block-views-block-home-page-blocks-block-1 div.home-page-block-content {
	width: 33.33333%;
	position: relative;
}


#block-views-block-home-page-blocks-block-1 div.home-page-block-content .views-field-title {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 10px;;
	width: 40%;
}

#block-views-block-home-page-blocks-block-1 div.home-page-block-content .views-field-title span {
	color: #fff;
	text-decoration: none;
	font-size: 2rem;
}

/*#block-views-block-photograph-list-block-1 img {
	max-width: 400px;
}*/

#block-views-block-photograph-list-block-1 .item-box-sb img {
	max-width: 90%;
}

#block-gertrude-primary-local-tasks ul {
	margin-left: 0;
	padding-left: 0;
}

#block-gertrude-primary-local-tasks ul li {
	display: inline;
	list-style: none;
	
}

#block-gertrude-primary-local-tasks ul li a {
	text-decoration: none;
	color: #000;
	border-width: 1px 1px 0px 1px;
	border-color: #ccc;
	border-style: solid;
	border-top-right-radius: 0.25em;
	border-top-left-radius: 0.25em;
	padding: 1em 2.5em 1em 2.5em;
}

#block-gertrude-primary-local-tasks ul li a.is-active {
	background-color: #232946;
	color: #fff;
}

.promotional-banner-image a {
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.promotional-banner-image h3 a:hover {
	text-decoration: underline !important;
}

.promotional-banner-image {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	border-radius: 0.25em;
	min-height: 12.5rem;
	max-height: 25rem;
	display: flex;
	justify-content: space-between;
}

.promotional-banner-image #custom_cta a {
    width: 100%;
    background-color: #232946;
    border-color: #232946;
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
    height: 3.75rem;
    margin: 1.6rem 0;
    padding: 0 3.125rem 0 1.25rem;
    line-height: 2.6;
    transition: background-color .2s ease,border-color .3s ease;
    display: inline-block;
    overflow: hidden;
    position: relative;
	border-radius: 0.25em;
}

.promotional-banner-image #custom_text {
	padding: 4.25rem 2rem 3rem;
    display: flex;
    flex: auto;
    flex-direction: column;
    position: relative;
}

.promotional-banner-image #custom_cta {
	display: flex;
    flex: 0 0 33%;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
    margin: 0 1.25rem 0 0;
    align-self: flex-end;
    flex-grow: 1;
	font-family: "metropolis", sans-serif;
}

.promotional-banner-image #custom_cta a:after {
    right: 1.5rem;
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
    font-size: 1.125rem;
    color: inherit;
    content: ">";
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    top: 0.9em;
}

.promotional-banner-image #custom_cta a:hover:after {
	    margin-left: 4.5em;
    margin-right: 0em;
}

.promotional-banner-image p {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.4;
	color: #fff;
}

.promotional-banner-image h3 {
	padding: 0;
    margin: 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

.page-node-type-page #block-gertrude-content .grid-layout {
	display: flex;
}

.page-node-type-page #block-gertrude-content .grid-layout .thumbnail-image img {
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0.25em;
}

.page-node-type-page #block-gertrude-content .grid-layout .row-1 {
	border: 1px solid #E5E5E5;
	border-radius: 0.25em;
}

.page-node-type-page #block-gertrude-content .grid-layout .title, .page-node-type-page #block-gertrude-content .grid-layout .description {
	padding: 5px;
}

/** Sidebar **/

/*.right_sidebar main {
	flex: 0 0 55em;
}*/

div#block-activefilters ul li.facet-summary-item--facet a {
	background-color: #fff;
    padding: 8px;
    border-radius: 10em;
    color: #313637;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.03), 0 5px 5px -3px rgba(0,0,0,.07);
}

div#block-activefilters ul li.facet-summary-item--facet {
	margin-bottom: 13px;
}

div#block-activefilters ul li.facet-summary-item--clear a {
	text-decoration: none;
}

.right_sidebar>div {
	padding: 3rem 1rem 0 1rem;
	margin-left: 2rem;
	flex: 1;
}

.sidebar h2, .right_sidebar h2 {
	font-size: 1rem;
	line-height: 1rem;
}

.sidebar {
	padding: 3rem 1rem 0 1rem;
	margin-right: 2rem;
	width: 20%;
}

.sidebar_main {
	width: 75%;
}

.sidebar ul li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.sidebar ul li label {
	vertical-align: middle;
}

.sidebar ul {
	margin-left: 0;
	padding-left: 0;
}

.sidebar .block-facet--checkbox h2, .right_sidebar h2 {
	padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.right_sidebar h2 {
	background-color: #232946;
	color: #fff;
	margin-top: 0;
}

.sidebar .block-facet--checkbox .facets-widget-checkbox {
	padding: 1.25rem;
	border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.right_sidebar .views-element-container>div {
	border: 1px solid rgba(0,0,0,.125);
    border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.right_sidebar .views-element-container div#views_slideshow_cycle_teaser_section_on_this_day-block_1 .views_slideshow_cycle_slide .views-row div:not(:first-child) {
	padding-left: 5px;	
}

.right_sidebar .views-element-container #views_slideshow_cycle_main_on_this_day-block_1 img {
	max-width: 100%;
	height: auto;
}

.views-slideshow-controls-bottom {
	text-align: center;
}

.views_slideshow_cycle_teaser_section {
}

.sidebar ul li.facet-item div.facets-widget- {
	margin-left: 1em;
}

/** Sidebar closed **/

/** Contact form **/

main .form-actions .button, main .form-actions .action-link {
    margin-top: 0.5625rem;
    margin-bottom: 0.5625rem;
	font-family: "metropolis", sans-serif;
}

main [dir="ltr"] .button {
    margin-right: 1.125rem;
}
main [dir="ltr"] .button {
    margin-left: 0;
}
main .button--primary {
    color: #fff;
    background-color: #232946;
}

main .button:not(#edit-reset--3):not(.js-hide) {
    display: inline-flex;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 0;
    padding-left: 1.6875rem;
    padding-right: 1.6875rem;
    line-height: 1.125rem;
}

main .button:not(#edit-reset--3):not(.js-hide) {
    display: inline-block;
    height: 3.375rem;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 1.6875rem;
    padding-right: 1.6875rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: solid 2px #232946;
    border-radius: 0.1875rem;
    font-size: 1.125rem;
    font-weight: 700;
    -webkit-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
}

main .form-item {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
}

main form label[for] {
    cursor: pointer;
}

main form label {
    display: block;
    margin-top: 0.5625rem;
    margin-bottom: 0.5625rem;
}

main form label.form-required::after, .fieldset__label.form-required::after, .required-mark::after {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.3em;
    margin-right: 0.3em;
    content: "";
    vertical-align: text-top;
    background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 0.5rem 0.5rem;
}

/** Contact form close **/

/** Advanced search **/

form.search-form label {
    margin-right: 1em;
}

form.search-form details.search-advanced {
	display: block;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    color: inherit;
    border: 1px solid #e7edf1;
    border-radius: 0.1875rem;
    box-shadow: 0 1px 4px #d7e1e8;
}

.search-results__item {
	margin-bottom: 0 !important;
}

/** Advanced search close **/

/** IIIF Viewer **/

#iiif-viewer {
	width: 50%;
	/*width: 100%;*/
	height: 80vh;
	background-color: #000;
	position: relative;
}

#block-gertrudebellhomepagetitle h2:before, #block-gertrudebellhomepagetitle h2:after {
	background: url("../images/slash.svg") no-repeat 50%/35px 35px;
    padding: 0 30px;
    content: " ";
}

.mirador1 {
	background:none !important;
}

.mosaic-tile {
	margin: 0 !important;
}

.mirador16.mirador15 {
	border-top: none !important;
}

/** Content close **/

.main-content__container a {
	color: #007494;
	text-decoration: underline;
}

/*** Photograph, taxonomy pages and On this day ***/

#block-gertrude-content .views-element-container p {
	line-height: 2.25rem;
}

#block-gertrude-content .views-element-container .views-field-title a, #block-gertrude-content #container-9 .views-field-title a, .right_sidebar .views-element-container div#views_slideshow_cycle_teaser_section_on_this_day-block_1 .views-field-title a, .path-frontpage .more-link a {
	color: #313637;
    text-decoration: none;
    font-family: "metropolis", sans-serif;
    font-weight: bold;
}

/*#block-gertrude-content .views-element-container .views-field-title a:after:not(.path-gsearch), #block-gertrude-content #container-9 .views-field-title a:after, .right_sidebar .views-element-container div#views_slideshow_cycle_teaser_section_on_this_day-block_1 .views-field-title a:after, .path-frontpage .more-link:after {
	content: ">";
    font-family: RalewayRegular;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    transition: margin .2s ease-in-out;
    text-decoration: none !important;
    display: inline-block;
}*/

#block-gertrude-content .views-element-container .views-field-title a:hover:after, #block-gertrude-content #container-9 .views-field-title a:hover:after, .right_sidebar .views-element-container div#views_slideshow_cycle_teaser_section_on_this_day-block_1 .views-field-title a:hover:after, .path-frontpage .more-link a:hover:after {
	margin-left: 1rem;
    margin-right: 0;
}

.path-a #block-gertrude-content .views-element-container>div, .path-taxonomy #block-gertrude-content .views-element-container>div, .path-on-this-day #block-gertrude-content .views-element-container>div, #block-gertrude-content #container-9 {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	width: 100%;
}

.path-a #block-gertrude-content .views-element-container>div nav, .path-taxonomy #block-gertrude-content .views-element-container>div nav, .path-on-this-day #block-gertrude-content .views-element-container>div nav {
	flex: 1 1 100%;
}

.path-a #block-gertrude-content .views-element-container div.views-row, .path-taxonomy #block-gertrude-content .views-element-container div.views-row, .path-on-this-day #block-gertrude-content .views-element-container div.views-row, #block-gertrude-content #container-9 div.views-row {
	width: 32%;
	/*border: 1px solid #E5E5E5;*/
	margin-bottom: 10px;
	border-radius: 0.25em;
	padding-bottom: 10px;
}

.path-a .views-field-field-thumbnail-image, .path-taxonomy .views-field-field-thumbnail-image, .path-on-this-day .views-field-field-thumbnail-image {
	background-color: #000;
}

.path-a .views-field-field-thumbnail-image img, .path-taxonomy .views-field-field-thumbnail-image img, .path-on-this-day .views-field-field-thumbnail-image img, #block-gertrude-content #container-9 div.views-row img  {
	width: 100%;
}

.path-a .views-field-title, .path-taxonomy .views-field-title, .path-taxonomy .views-field-field-reference-code, .path-on-this-day .views-field-field-reference-code, .path-on-this-day .views-field-field-title, #block-gertrude-content #container-9 .views-field-title {
	padding: 5px 0 0 5px;
}

#block-gertrude-content #container-9 p {
	    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.path-a .views-field-field-description, .path-taxonomy .views-field-field-description, .path-taxonomy .views-field-field-creation-date, .path-on-this-day .views-field-field-creation-date, .path-on-this-day .views-field-field-description, .path-on-this-day .views-field-title, #block-gertrude-content #container-9 .views-field-title, #block-gertrude-content #container-9 .views-field-description {
	padding-left: 5px;
}

.path-frontpage .more-link {
	margin-top: 4vh;
	padding-left: 5px;
}

/*** End of photograph page ***/


/*** Footer ***/
footer.site-footer {
    background-color:  #e5dfd4;
	color: #000;
	min-height: 10em;
	margin-top: 100px;
	border-radius: 50% 50% 0 0 / 35px;
	padding: 25px 0 25px 0;
}
footer.site-footer a {
	color: #000;
	text-decoration: underline;
}

footer.site-footer ul li {
	display: inline;
	border-right: 1px solid #000;
	padding-right: 10px;
}

footer.site-footer ul li:last-child {
    border: 0;
}

footer.site-footer img {
	max-width: 200px;
	width: auto;
	height: auto;
	margin-left: 10px;
}

footer.site-footer ul {
	margin: 0;
	padding: 0;
}

.sf-accordion-toggle a span {
	float: right;
    display: block;
    margin-right: 2%;
    color: transparent;
    text-indent: -100000px;
    width: 50px;
    height: 50px;
    background-image: url(../../../../themes/custom/gertrude/images/mobile_menu_open.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
	margin-top: 15px;
}

.sf-accordion-toggle a.sf-expanded span {
	background-image: url(../../../../themes/custom/gertrude/images/mobile_menu_close.png);
}

/* Responsive stuff */

@media (max-width: 1375px) {
	#featured_image {
	padding-bottom: 3.875rem;
	}
}

@media (max-width: 1260px) {
	#featured_image {
	padding-bottom: 2.875rem;
	}
}

@media (max-width: 1250px) {
	/*.right_sidebar {
		display: none;
	}*/
}

@media (max-width: 1360px) {
	#block-gertrude-site-branding h1 {
		font-size: 2.75rem;
		margin-left: 10px;
	}
}

@media (max-width: 1190px) {
	#block-gertrude-site-branding h1 {
		font-size: 1.75rem;
	}
	
	#views-exposed-form-solr-site-search-page-1 input#edit-submit-solr-site-search--2, input#edit-submit-solr-site-search {
		display: none;
	}
	
	#homepage_search {
		padding: 5px 20px 15px 5px;
	}
	
	#block-exposedformsolr-site-searchpage-1 input[type="text"] {
		width: 96%;
	}
	
	body.page-node-type-diary #block-gertrude-content, body.page-node-type-photographs #block-gertrude-content, body.page-node-type-letters #block-gertrude-content, body.page-node-type-photograph-album #block-gertrude-content {
		display: block;
	}
	
	#iiif-viewer {
		width: 100%;
	}
	
	.content-type-row {
		width: 93%;
	}
	
	#edit-group-transcription .field--name-field-transcription {
	max-height:  100%;
}
}

@media (max-width: 1028px) {
	ul.sf-menu span.nolink {
		padding: 2em 1em;
	}
	
	.path-a #block-gertrude-content .views-element-container div.views-row, .path-taxonomy #block-gertrude-content .views-element-container div.views-row, .path-on-this-day #block-gertrude-content .views-element-container div.views-row, #block-gertrude-content #container-9 div.views-row {
		width: 48%;
	}
}

@media (max-width: 925px) {
	#block-gertrude-site-branding h1 {
		font-size: 2.75rem; 
	}
}

@media (max-width: 853px) {
	#main_with_sidebar, .right_sidebar {
		display: block;
		padding: 0;
    	 margin-left: 0;
	}
	
	.right_sidebar>div {
		padding: 0;
		margin: 0;
	}
	
	.sidebar>div, #views-exposed-form-solr-site-search-page-1 #edit-submit-solr-site-search--3 {
		display: none;
	}	
	
	.sidebar {
		width: 100%;
		padding: 0;
	}
	
	.sidebar h3 {
		padding: 0.75rem 1.25rem;
		margin-bottom: 0;
		background-color: rgba(0,0,0,.03);
		background-clip: border-box;
		border: 1px solid rgba(0,0,0,.125);
		border-radius: 0.25rem;
		padding-left: 2.25rem;
		position: relative;
	}
	
	.sidebar h3:before {
		position: absolute;
		top: 50%;
		display: block;
		width: 0.625rem;
		height: 0.625rem;
		content: "";
		transform: translateY(-50%) rotate(45deg);
		border-top: solid 2px currentColor;
		border-right: solid 2px currentColor;
		left: 0.84375rem;
	}
	
	.sidebar_main {
		width: 100%;
	}
	
	#block-exposedformsolr-site-searchpage-1 input[type="text"] {
		width: 94%;
	}
	
	form#views-exposed-form-solr-site-search-page-1 input {
		width: 100%;
	}
	
	.item-list .views-field-field-thumbnail-image {
		float: none;
	}
	
	.item-list .views-field-field-thumbnail-image img {
		max-height: 100%;
	}
}

@media (max-width: 757px) {
	.promotional-banner-image {
		display: block;
	}
	
	.promotional-banner-image h3 {
		font-size: 2rem;
	}
	
	.promotional-banner-image p {
		font-size: 1.25rem;
	}
	
	.promotional-banner-image #custom_text {
		padding: 2.25rem 1rem 1rem;
	}
	
	.promotional-banner-image #custom_cta a {
		margin: 0.5rem;
		font-size: 1.25rem;
		line-height: 3;
	}
}

@media (max-width: 710px) {
	#featured_image {
		height: 8em;
	}
}

@media (max-width: 674px) {
	
	#edit-submit-solr-site-search--3 {
		display: none;
	}
	
	/*.right_sidebar>div {
		display: none;
	}*/
	
	footer img.align-right {
		float: none;
	}
	
	img.align-right {
		float: none;
	}
	
	details div.field {
		margin-left: 1.5em;
	}
}

@media (max-width: 537px) {
	#block-gertrude-site-branding h1 {
		font-size: 1.75rem;
	}
	
	.path-a #block-gertrude-content .views-element-container div.views-row, .path-taxonomy #block-gertrude-content .views-element-container div.views-row, .path-on-this-day #block-gertrude-content .views-element-container div.views-row, #block-gertrude-content #container-9 div.views-row {
		flex: 100%;
	}
}

@media (max-width: 460px) {
	header nav ul li:nth-child(2) {
		display: none;
	}
	
		h2 {
		font-size: 1.75rem;
		line-height: 2.5rem;
	}
	
	#featured_image img {
		transform: translate(-50%,-50%);
	}
	
	.form-item-sort-bef-combine {
		float: none;
	}

}

@media (max-width: 380px) {
	#block-gertrude-site-branding h1 {
		font-size: 1.5rem;
	}
}