/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
 
/* Google font - Roboto 300, 400, 700 */
/* Google font - PT Serif 400, 700 */

/* WEBSITE STYLES */
html {
	scroll-behavior: smooth;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .05em;
	line-height: 1.2em;
	color: #222;
}
* {
	box-sizing: border-box;
}

.print__wrapper {
	width: 100%;
	text-align: right;
}

.desktop { display: block !important; }
.desktop-inline { display: inline-block !important; }
.mobile, .mobile-inline { display: none !important; }

.dialog-off-canvas-main-canvas {
	display: block !important;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}
.dialog-off-canvas-main-canvas main {
	float: none;
	position: relative;
	z-index: 0;
	width: 845px;
	height: auto;
	margin: 10px auto 0px auto;
	padding: 0px 30px 0px 30px;
}

div {
	box-sizing: border-box;
	word-wrap: break-word;
}
.row {
	clear: both;
	float: none;
}
.col-sm-12 {
	padding: 0px;
}
.clearfix {
	display: block;
	float: none;
	clear: both;
	width: 100%;
}
.hidden_content {
	display: none;
}

/* HORIZONTAL TABS */
@media all and (min-width:48em) {
	ul.nav-tabs li.nav-item {
		display: inline-block;
		border-top: none;
		border-bottom: none;
		background: none;
		font-size: var(--font-size-base);
	}
}

/* GLOBAL */
main p a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
main p a:hover {
	color: #000;
	text-decoration: underline;
}
.region-content a {
	color: #222;
}
a.anchor {
	display: inline-block;
	position: relative;
	top: -180px;
	visibility: hidden;
}
.expand_link, .collapse_link {
	cursor: pointer;
	color: #000 !important;
	text-decoration: none;
}
.expand_link:hover, .collapse_link:hover {
	text-decoration: underline;
}

a.button, .btn-primary {
	background-color: #000;
	color: #222;
	padding: 10px 20px;
	border-radius: 0;
	border: 1px solid #000;
}
a.button:hover {
	text-decoration: none;
	border: 1px solid #222;
	color: #222;
	background-color: transparent;
}
p.section-header {
	margin-bottom: 0;
}

p, .paragraph p:first-child {
	color: #000;
	line-height: 1.5em;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: .05em;
	font-style: normal;
	margin-bottom: 1em;
}
p.title-case {
	font-size: 1.4em;
	font-weight: bold;
}
p.super_title {
	font-size: .75rem;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 1em;	
}
h1, h1.page-header {
	border-bottom: none;
	font-size: 34px;
	font-weight: 700;
	color: #000;
	transition: all 1s;
}
h1.page-header {
	margin-top: 1em;
}
p.smaller-font, .smaller-text {
	font-size: .8em;
}
body.path-frontpage h1.page-header {
	display: none;
}
h1 {
	font-family: "Montserrat", helvetica, arial, sans-serif;
	font-size: 36px;
	color: #091f78;
	margin: 0 0 14px 0;
	padding: 0;
	font-weight: 600;
}
h2 {
	font-family: "Montserrat", helvetica, arial, sans-serif;
	font-size: 32px;
	color: #222;
	margin: 0 0 14px 0;
	padding: 0;
	font-weight: 600;
	transition: all 1s;
}
h3 {
	font-family: "Montserrat", helvetica, arial, sans-serif;
	font-size: 14px;
	color: #222;
	margin: 0 0 14px 0;
	padding: 0;
	font-weight: 500;
	transition: all 1s;
}
b, strong {
	font-weight: bold;
}
h1 a, h2 a, h3 a {
	text-decoration: none;
}
p {
	word-wrap: break-word;
}
.field ul li {
	margin-bottom: 1em;
}

.blue_text {
	color: #00395c;
}
.red_text {
	color: #af0000;
}
.white-text, .white_text {
	color: #fff;
}
figcaption {
	font-style: italic;
}
.field__label {
	font-weight: 600;
}

.btn-primary, .btn:hover {
	background: #53a3b4;
	padding: 10px 20px;
	border-radius: 6px;
	color: #fff;
	border-color: #53a3b4;
}
.btn:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.vertical-tabs__menu-item a {
	color: #000 !important;
}

.align-left {
	margin: 0px 20px 20px 0px;
}
.align-right {
	margin: 0px 0px 20px 20px;
}

.center-this {
	display: block;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
}

.max-width {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.shaded-bg {
	background-color: #e5f2fd;
}

.col-sm-6.left {
	padding-left: 0px;
	padding-right: 20px;
}
.col-sm-6.right {
	padding-left: 20px;
	padding-right: 0px;
}

form#node-media-asset-form > .js-form-type-vertical-tabs { display: none; }


/* COLUMNS */
.columns-wrapper {
	float: none;
	clear: both;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
}
.columns-two .column {
	flex: 0 0 auto;
	width: calc(50% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.columns-three .column {
	flex: 0 0 auto;
	width: calc(33% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.columns-four .column {
	flex: 0 0 auto;
	width: calc(25% - 20px);
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.columns-five .column {
	flex: 0 0 auto;
	width: calc(20% - 20px);
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.columns-six .column {
	flex: 0 0 auto;
	width: calc(16.7% - 20px);
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.column img {
	width: 100% !important;
	height: auto !important;
}

/* COLLAPSIBLE DRAWERS */
.drawer {
  display: none;
  padding-bottom: 1em;
}
a.trigger {
  color: #999;
  position: relative;
  display: block;
  cursor: pointer;
  border-top: 1px solid #999;
  padding: 20px 50px 10px 0px;
  margin-top: 20px;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}
a.trigger:first-child {
	margin-top: 0px;
}
a.trigger.closed:after {
  position: absolute;
  display: block;
  content: '\f067';
  color: #fff;
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: normal;
  width: 20px;
  height: auto;
  top: calc(50% - 10px);
  right: 20px;
}
a.trigger.opened:after {
  position: absolute;
  display: block;
  content: '\f068';
  color: #fff;
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: normal;
  width: 20px;
  height: auto;
  top: calc(50% - 10px);
  right: 20px;
}

/* CKEDITOR ACCORDION */
.ckeditor-accordion-container > dl {
	border: none;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
	background-color: transparent !important;
	color: #000 !important;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
	background-color: #000;
}


/* HEADER */
header {
	position: absolute;
	top: 0;
	z-index: 10;
	display: flex;
	flex-wrapper: wrap;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 5%;
	color: #fff;
	background-color: transparent;
}
body:not(.path-frontpage) header {
	position: relative;
	background: url('../images/header-bg.jpg') center repeat-x;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
header .header_left {
	width: 10%;
}
header .region-header {
	width: 100%;
}
header #block-wica-site-branding {
	width: 100%;
	padding: 10px 0;
}
header .navbar-brand {
	display: block !important;
	text-align: center;
}
header .navbar-brand a.site-logo {
	display: inline-block !important;
}
header .navbar-brand > div {
	display: none;
}
header .navbar-brand img {
	display: inline-block;
	height: 120px;
	margin: 0 auto;
	transition: all 1s;
}
@media all and (max-width:678px) {
	header .navbar-brand img {
		height: 80px;
	}
}

header .header_right {
	width: 90%;
	padding: 0;
}
header #block-wica-visitwica a {
	text-decoration: none;
	color: #fff;
}
header .region-nav-main {
	width: 100%;
	margin: 0 auto;
}
header #block-wica-main-menu {
	padding: 20px 50px;
}
header ul.navbar-nav {
	width: 100%;
	display: block !important;
	text-align: center;
}
header ul.navbar-nav li {
	display: inline-block;
}
header .navbar-nav a {
	color: #fff !important;
	font-size: 18px;
	text-decoration: none;
	padding: 10px 20px !important;
}
header .navbar-nav a:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
}
header ul.navbar-nav li:first-child {
	vertical-align: middle;
	height: 26px;
}
header ul.navbar-nav li:first-child a {
	font-size: 0;
	line-height: 1em;
	display: block;
	width: 18px;
	height: 18px;
	background: url('../images/home-icon-white.png') center no-repeat;
	background-size: 18px;
}
@media all and (max-width:991px) {
	header .header_right {
		position: relative;
	}
	nav.navbar {
		position: absolute;
		right: 0;
		width: 56px;
	}
	.navbar-toggler {
		border-color: rgba(255, 255, 255, 0.8);
		color: #fff !important;
	}
	.navbar-toggler-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.navbar-collapse {
		position: fixed;
		top: 120px;
		left: 0;
		width: 100%;
		height: auto;
		background: #fff;
	}
	header ul.navbar-nav li {
		display: block;
		text-align: right;
	}
	header ul.navbar-nav li a {
		color: #000 !important;
	}
}
@media all and (max-width:1400px) {
	header ul.navbar-nav li a {
		padding: 10px 1vw !important;
	}
}
@media all and (max-width:1220px) {
	header ul.navbar-nav li a {
		padding: 10px .8vw !important;
		font-size: 16px;
	}
}
@media all and (max-width:1080px) {
	header ul.navbar-nav li a {
		padding: 10px .4vw !important;
	}
}


/* MAIN BODY */
.dialog-off-canvas-main-canvas main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
#block-wica-primary-local-tasks {
	margin-bottom: 40px;
}
#simple_wrapper {
	padding: 50px;
}
#block-wica-page-title {
	margin-bottom: 4em;
}


/* HOMEPAGE */
body.path-frontpage main {
/*	background: url('../images/home-hero-banner-dark.jpg') center no-repeat; */
	background-size: cover;
	background: #fff;
}
body.path-frontpage #block-wica-content p {
	color: #000;
}

[id*="block-wica-exposedformsearchpage-1-"] {
	width: 100%;
	text-align: center;
	padding: 50px;
}
[id*="block-wica-exposedformsearchpage-1-"] h2 {
	text-align: center;
	text-transform: uppercase;
	color: #000;
}
[id*="block-wica-exposedformsearchpage-1-"] .form-item-keys {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	float: unset;
}

/* HERO BANNERS */
#hero-banner {
	width: 100%;
}
#hero-banner .region-hero-banner {
	position: relative;
	z-index: 0;
}
#hero-banner .region-hero-banner #block-home-hero-images {
	position: relative;
	z-index: 0;
	background: #0a1030;
	transition: all 1s;
}
#hero-banner .region-hero-banner #block-home-hero-images .view-home-hero-images {
	width: 100%;
	height: auto;
}
.view-home-hero-images .views-field-field-hero-image {
	overflow-x: hidden;
	position: relative;
	width: 100%;
	height: auto;
}
/*
.view-home-hero-images .views-field-field-hero-image .field-content {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
*/
#hero-banner .region-hero-banner #block-home-hero-images img {
	display: block;
	width: 100% !important;
/*	height: 968px !important; */
	height: auto !important;
	max-width: unset;
}
#hero-banner .region-hero-banner #block-wica-mainpagecontent {
	position: absolute;
	z-index: 5;
	bottom: 50px;
	width: 100%;
	max-width: 1400px;
	padding: 0 20px;
	margin: 0 calc(50% - 700px);
	transition: all 1s;
}
@media all and (max-width: 1400px) {
	#hero-banner .region-hero-banner #block-wica-mainpagecontent {
		margin: 0 auto;
	}
}
#hero-banner .region-hero-banner #block-wica-mainpagecontent h2 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 1em;
}
#hero-banner .region-hero-banner #block-wica-mainpagecontent h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 1em;
}
#hero-banner .region-hero-banner #block-wica-mainpagecontent p, #hero-banner .region-hero-banner #block-wica-mainpagecontent a {
	color: #fff;
}
@media all and (max-width:460px) {
	#hero-banner .region-hero-banner #block-wica-mainpagecontent h2 {
		font-size: 28px;
	}
	#hero-banner .region-hero-banner #block-wica-mainpagecontent h3 {
		font-size: 18px;
	}
}

#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] {
	position: absolute;
	z-index: 5;
	bottom: 30px;
	width: 100%;
	max-width: 800px;
	margin: 0 calc(50% - 400px);
	transition: all 1s;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] h2 {
	color: #fff;
	margin-bottom: 0;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] .form-item {
	display: none;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] .form-item-keys {
	display: block;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] .form-item-keys label {
	display: none;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] [id*="views-exposed-form-search-page-"] .form-item-keys {
	display: inline-block;
	width: 100%;
	max-width: 400px;
	float: none;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] [id*="edit-keys"] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	height: 44px;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] [id*="edit-actions"] {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	vertical-align: top;
}
#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] [id*="edit-submit-search-"] {
	background: #333;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: none;
	margin-left: -10px;
	margin-top: 0;
	height: 44px;
}

@media all and (max-width: 585px) {
	#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] [id*="edit-keys"] {
		border-radius: .375rem;
		margin-bottom: 10px;
	}
	#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] [id*="edit-submit-search-"] {
		border-radius: .375rem;
	}
}

@media all and (max-width: 1640px) {
	#hero-banner .region-hero-banner #block-home-hero-images {
		height: calc(52vw + 50px);
	}
}
@media all and (max-width: 1400px) {
	#hero-banner .region-hero-banner #block-home-hero-images {
		height: calc(54vw + 50px);
	}
}
@media all and (max-width: 1290px) {
	#hero-banner .region-hero-banner #block-home-hero-images {
		height: calc(60vw + 50px);
	}
}
@media all and (max-width: 1100px) {
	#hero-banner .region-hero-banner #block-home-hero-images {
		height: 90vh;
		padding-top: 5vh;
	}
}
@media all and (max-width: 800px) {
	#hero-banner .region-hero-banner #block-home-hero-images {
		height: 90vh;
	}
	#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] {
		margin: 0 auto;
	}
}
@media all and (max-width: 600px) {
	#hero-banner .region-hero-banner [id*="block-wica-exposedformsearchpage-1-"] {
		bottom: 0;
	}
}
@media all and (max-width: 460px) {
	#hero-banner .region-hero-banner #block-home-hero-images {
		height: 95vh;
		padding-top: 10vh;
	}
}


#home-search-potter [id*="edit-az-filter--wrapper"] {
	display: none;
}

/* PAGE INTRO */
#page-intro {
	background: #fff;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 50px 20px 0;
	display: flex;
	flex-wrap: wrap;
}
#page-intro .region-page-intro {
	width: 100%;
}
#page-intro #block-sbbg-homeintro {
	width: 67%;
}

body.path-frontpage .container {
	width: 100%;
	max-width: unset;
	margin: 0 auto;
	padding: 0;
}
body.path-frontpage .container .region-content {
	max-width: unset;
	padding: 0 0 100px;
	background: url('../images/search-carousels-bg.jpg') center repeat-y;
}
#block-wica-homesearchoptions, #home-search-options {
	width: 100%;
	height: auto;
	padding: 100px 10%;
	margin: 0 auto;
	background: url('../images/search-options-bg.jpg') center no-repeat;
	background-size: cover;
}
#home-search-options .column {
	position: relative;
	z-index: 0;
	width: calc(25% - 40px);
	min-width: 250px;
	max-width: 325px;
	max-height: 325px;
	margin: 0 20px 40px;
	padding: 0 !important;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
#home-search-options .column a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#home-search-options .column p.search-title {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	pointer-events: none;
}
/*
#home-search-options .column .search-hover {
	display: block;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	height: 0;
	background-color: rgba(100, 100, 100, .7);
	transition: all 1s;
}
#home-search-options .column:hover .search-hover {
	display: block;
	opacity: 1;
	height: 100%;
	transition: all 1s;
	padding: 20px;
}
*/
#home-search-options .column .search-hover {
	display: none;
}
/* search in colorbox */
.search-hover {
	padding: 40px;
}
#home-search-options form {
	position: absolute;
	width: calc(100% - 40px);
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
#home-search-options form .js-form-item {
	margin: .5em .5em 0;
}
#home-search-options form p {
	text-align: center;
}
#home-search-options form input.form-type-textfield {
	display: block;
	margin: 0 auto 10px;
	border: none;
	border-radius: 5px;
	background: #fff;
	padding: 10px;
}
#home-search-options form .form-actions {
	padding-top: 10px;
}
#home-search-options form input.form-submit {
	display: block;
	margin: 0 auto;
	color: #fff;
	background: #000;
	border: none;
	border-radius: 5px;
	padding: 10px 20px;
}
#home-search-options form label {
	color: #fff;
}

#block-home-carousels-block-1-potters, #block-shapes-home-carousels, #block-kew-home-carousel {
	width: 100%;
	height: auto;
	padding: 100px 10% 0;
	margin: 0 auto;
	text-align: center;
}

.view-home-carousels .jcarousel-wrapper ul.jcarousel-container-horizontal > li {
	aspect-ratio: 1 / 1;
}
.view-home-carousels .views-field-field-photo-image {
	width: 100%;
	height: 100%;
	min-width: 150px;
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.view-home-carousels .views-field-field-photo-image .field-content {
	position: absolute;
	width: 13vw;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.view-home-carousels .views-field-field-photo-image .field-content img {
	margin: 0 auto;
}


/* MAIN CONTENT */
.region-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 20px 50px;
}

/* SIDEBAR */
.region-sidebar-first {
	float: right;
	padding: 50px 20px 50px;
	width: 100%;
	max-width: 300px;
}
@media all and (max-width:991px) {
	.region-sidebar-first {
		float: none;
		padding: 50px 20px 0;
	}
	body.path-search .region-content {
		padding-top: 20px;
	}
}

.node__content {
	padding: 0 0 100px;
}
.node__content .field {
	margin-bottom: 2em;
}

/* SEARCH */
#filter-header h2 {
	font-size: 28px;
	width: auto;
	padding-right: 10px;
	cursor: pointer;
}
#filter-header h2.closed {
	background: url('../images/arrow-blk-right.png') center right no-repeat;
}
#filter-header h2.open {
	background: url('../images/arrow-blk-down.png') center right no-repeat;
}

.search_tip_wrapper h4 {
	font-size: 18px;
}
.search_tip_wrapper a.search_tooltip, a.search_tooltip {
	float: none !important;
	color: #53a3b4;
	font-family: georgia, serif;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	padding: 2px;
	margin-left: 3px;
	margin-bottom: 3px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	border: 1px solid #53a3b4;
}
a.search_tooltip:hover {
	color: #fff;
	background: #53a3b4;
}

.views-exposed-form {
	padding-top: 0;
}
.views-exposed-form h2 {
	font-size: 24px;
}
.views-exposed-form .form-checkboxes ul {
	padding-left: 0;
	list-style-type: none;
}
.views-exposed-form .form-checkboxes ul li {
}
.views-exposed-form .js-form-item, .views-exposed-form details {
	width: 100%;
}
.views-exposed-form label {
	font-weight: 600;
}
input[id*='edit-reg-year'] {
	height: 38px;
	border: 1px solid #dee2e6;
	width: 100%;
	border-radius: 0.375rem;
}

.view.image-grid .view-header {
	padding-top: .5em;
	padding-left: 20px;
	margin-bottom: 3em;
}
.view.image-grid .view-header a {
	float: right;
}
.view.image-grid > .view-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.view.image-grid > .view-content > .views-row {
	width: calc(25% - 44px);
	min-width: 240px;
	margin: 0 auto 40px;
	vertical-align: top;
	text-align: center;
}
.view.view-search > .view-content > .views-row {
	width: calc(33% - 44px);
	margin: 0 auto 40px;
}
.view.image-grid > .view-content .views-row .views-field-field-photo-image {
	width: 100%;
	height: auto;
/*	background: #e5f2fd; */
	background: #000;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3)
}
.view-search.view-display-id-page_3 > .view-content > .views-row .views-field-field-photo-image { /* potters */
	background: #fff !important;
}
.view-potters-in-nodes .views-field-field-photo-image, .view-kew-in-nodes .views-field-field-photo-image { /* kew */
	background: #fff !important;
}
.view.image-grid > .view-content .views-row .views-field-field-photo-image .field-content {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.view.image-grid > .view-content .views-row .views-field-field-photo-image img {
	border-radius: 6px;
}
.view.image-grid > .view-content .views-row .views-field-field-photo-image.empty-views-field {
	color: #ddd;
}
.view.image-grid > .view-content .views-row .views-field-title {
	margin: .5em auto;
}
.view.image-grid > .view-content .views-row .views-field-title {
	margin: .5em auto;
	text-align: center;
}
.view.image-grid > .view-content .views-row .views-field-view-node-1 {
	text-align: center;
}
.view.image-grid > .view-content .views-row a {
	color: #222;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}
.view.image-grid > .view-content .views-row .views-field-field-kew-page-image {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
	aspect-ratio: 1 / 1;
}
.view.image-grid > .view-content .views-row .views-field-field-kew-page-image .field-content {
	height: 100%;
	position: relative;
}
.view.image-grid > .view-content .views-row .views-field-field-kew-page-image p {
	position: absolute;
	top: 50%;
	transform: transferY(-50%);
	width: 100%;
	text-align: center;
}
.view.image-grid > .view-content .views-row .views-field-field-kew-page-image img {
	transition: all .5s;
}
.view.image-grid > .view-content .views-row:hover .views-field-field-kew-page-image img {
	transform: scale(105%);
	overflow: hidden;
	transition: all .5s;
}

/* NODE PAGES */
body.path-node .container {
	margin: 0 auto;
	max-width: unset;
	padding: 0;
}
body.path-node .region-content {
	max-width: unset;
	padding: 100px 0 0;
}
body.path-node .block-page-title-block {
	max-width: 1200px;
	margin: 4em auto;
}
#block-wica-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
body.path-node #block-wica-content {
	padding: 0 40px;
}
article.node--type-shapes .node__content {
	padding: 0 0 100px;
}
#tombstone {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	background: #f7f7f7;
	border-radius: 6px;
	margin-bottom: 4em;
}
#tombstone #tombstone_left, #tombstone #tombstone_right {
	width: 50%;
	padding: 40px;
}
#tombstone_left h1, #tombstone_left h1 .field {
	font-size: 32px;
}
#simple_wrapper #tombstone #tombstone_left, #simple_wrapper #tombstone #tombstone_right {
	width: 50%;
	padding: 40px;
}
@media all and (max-width: 1024px) {
	#simple_wrapper #tombstone #tombstone_left, #simple_wrapper #tombstone #tombstone_right {
		width: 100%;
		padding: 40px;
	}
}
#tombstone .node_field, #tombstone .field {
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#tombstone .field_label {
	font-weight: 600;
}
#tombstone .view-characteristics-in-node h2 {
	font-size: 22px;
}
#tombstone .view-characteristics-in-node .view-content {
	padding-left: 20px;
}
#tombstone .view-characteristics-in-node .grouping h3, .field--name-field-notes {
	clear: both;
	font-size: 18px;
	font-family: "Montserrat", helvetica, arial, sans-serif;
	font-weight: 600;
	margin: 1em auto 0;
}
#tombstone .view-characteristics-in-node .grouping .views-row {
	display: inline-block;
}
#tombstone .view-characteristics-in-node .grouping .views-row .views-field {
	display: inline-block;
}
#tombstone .view-characteristics-in-node .grouping .views-row:after {
	content: ', ';
	display: inline-block;
	margin-left: -5px;
}
#tombstone .view-characteristics-in-node .grouping .views-row:last-child:after {
	display: none;
}

#shape_potters, #image_children {
	margin: 80px auto;
}
#shape_potters .related_potters_wrapper {
	display: flex;
	flex: wrap;
	width: 100%;
}
#shape_potters .view-content .grouping {
	width: calc(25% - 20px);
	min-width: 240px;
	margin: 0 auto 40px;
}
#shape_potters .view-content .grouping h3 {
	display: none;
}
#shape_potters .view-content .grouping .views-row {
	display: none;
}
#shape_potters .view-content .grouping .views-row:nth-child(2) {
	display: block;
}

#shape_kew_drawings .view-kew-drawings-in-nodes {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
.view-kew-drawings-in-nodes .view-content {
	display: flex;
	flex-wrap: wrap;
}
.view-kew-drawings-in-nodes .view-content .views-row {
	width: calc(25% - 44px);
	margin: 0 20px 40px;
	text-align: center;
}
.view.image-grid > .view-content .views-row .views-field-field-photo-image {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3)
}
.view.image-grid > .view-content .views-row .views-field-field-photo-image img {
	transition: all .5s;
}
.view.image-grid > .view-content .views-row:hover .views-field-field-photo-image img {
	transform: scale(105%);
	overflow: hidden;
	transition: all .5s;
}
.view.image-grid > .view-content .views-row .views-field-field-items {
	margin: .5em auto;
}
#image_children .views-field-field-photo-image {
	min-height: 220px;
}
#image_children .views-field-field-photo-image .field-content {
	height: 100%;
	min-height: 220px;
	position: relative;
}
#image_children .views-field-field-photo-image .field-content img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#shape_kew .view {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
#pottery_locations {
	margin: 40px auto;
}
#pottery_locations .field__label {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 2em;
}
#pottery_locations .field__items .field__label {
	font-size: 16px;
	text-transform: none;
	font-weight: 600;
	margin-bottom: 0;
}
#pottery_locations .field__items > .field__item {
	padding: 20px;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 2em;
	border: 1px solid #ccc;
}
#pottery_locations .field__items .field__item .field {
	margin-bottom: .5em;
}
#pottery_locations .field--name-field-pottery-name {
	font-weight: 600;
	font-size: 20px;
}
#pottery_locations .field__items .field__item .field.field--name-field-start-year, #pottery_locations .field__items .field__item .field.field--name-field-end-year {
	display: inline-block;
	width: calc(50% - 20px);
	padding-right: 20px;
}
@media all and (max-width: 1065px) {
	#pottery_locations .field__items .field__item .field.field--name-field-start-year, #pottery_locations .field__items .field__item .field.field--name-field-end-year {
		width: calc(100% - 20px);
	}
}
#pottery_locations .field__items .field__item .field .field__item {
	margin-bottom: 0;
}
.field .field__item {
	font-size: 16px !important;
}
#tombstone_right #representative_image {
	position: relative;
	text-align: center;
	height: 100%;
}
#tombstone_right #representative_image img {
	position: absolute;
	width: auto !important;
	height: auto !important;
	max-width: 400px;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	border-radius: 6px;
}
#simple_wrapper #tombstone_right #representative_image img {
	position: relative;
	top: 0;
	transform: translateY(0) translateX(-50%);
}
#potter_transitions {
	display: block;
	margin: 2em auto;
	padding: 40px;
	background: #f7f7f7;
	border-radius: 6px;
}
#potter_transitions h2 {
	font-size: 24px;
	text-transform: uppercase;
}
#potter_transitions .field_label {
	font-weight: 600;
}
#potter_transitions .potter_transition_item {
	margin-bottom: 2em;
}

/* PHOTO/IMAGE PAGES */
.view-image-children {
	width: 100%;
}
.view-image-children .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#colorbox .view-image-children .view-content {
	max-width: 1000px;
}
.view-image-children .view-content .views-row {
	width: calc(33% - 44px);
	min-width: 250px;
	margin: 0 20px 40px;
	text-align: center;
}
.view-image-children .view-content .views-row .views-field-title {
	margin-top: .5em;
}
.view-image-children .view-content .views-row .views-field-title a {
	color: #000;
	text-decoration: none;
}
.view-image-children .view-content .views-row .views-field-title a:hover {
	text-decoration: underline;
}

/* KEW REGISTRATION PAGE */
#kew_wrapper {
	display: flex;
	flex-wrap: wrap;
}
#kew_wrapper #kew_left {
	width: 50%;
}
#kew_wrapper #kew_right {
	width: 50%;
}

@media all and (max-width:1024px) {
	#tombstone #tombstone_left, #tombstone #tombstone_right {
		width: 100%;
	}
	#tombstone_right #representative_image img {
		position: relative !important;
		transform: none !important;
		top: unset !important;
		left: unset !important;
		width: 100% !important;
	}
}

/* JCAROUSEL */
.jcarousel-wrapper.jcarousel-skin-default {
	width: 100% !important;
	height: auto !important;
	border: none !important;
	box-shadow: none !important;
}
.jcarousel-wrapper.jcarousel-skin-default {
	width: 90% !important;
	height: auto !important;
	border: none !important;
	box-shadow: none !important;
}
.jcarousel-wrapper.jcarousel-skin-default .jcarousel {
	overflow-y: visible;
}
.jcarousel-wrapper ul.jcarousel-container-horizontal {
	padding: 10px !important;
}
.jcarousel-wrapper ul.jcarousel-container-horizontal > li {
	display: inline-block;
	float: none;
	width: 13vw;
	min-width: 150px;
	height: auto !important;
	margin: 0 20px;
	padding: 0;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.jcarousel-wrapper ul.jcarousel-container-horizontal > li .views-field-field-photo-image {
	height: auto !important;
	aspect-ratio: 1 / 1;
}
.jcarousel-wrapper ul.jcarousel-container-horizontal > li .views-field-field-photo-image .field-content {
	position: relative;
	width: 100%;
	height: 100%;
}
.jcarousel-wrapper ul.jcarousel-container-horizontal > li .views-field-field-photo-image .field-content img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.jcarousel-skin-default .jcarousel-control-prev, .jcarousel-skin-default .jcarousel-control-next {
	top: calc(50% - 30px) !important;
	width: 60px !important;
	height: 60px !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.jcarousel-skin-default .jcarousel-control-prev:after, .jcarousel-skin-default .jcarousel-control-next:after {
	color: #000;
	font-size: 60px;
}
.jcarousel-skin-default .jcarousel-control-prev {
	left: -40px !important;
}
.jcarousel-skin-default .jcarousel-control-next {
	right: -60px !important;
}
@media all and (max-width:768px) {
	.jcarousel-wrapper ul.jcarousel-container-horizontal > li {
		margin: 0 10px;
	}
}

/* AUTOSUGGEST */
.ui-widget-content li:hover {
	background: #fff;
	border: none;
}
.ui-widget-content a:hover {
	color: #000;
	background-color: transparent !important;
	border: none;
}

/* WEBFORMS */
form.webform-submission-form .js-form-type-webform-image-file label {
	font-weight: 600;
}
form.webform-submission-form .js-form-type-webform-image-file {
	padding: 10px;
	border: 1px solid #dee2e6;
	border-radius: 5px;
}

/* COLORBOX */
#colorbox {
/*	height: auto !important; */
	background: #fff;
	padding-top: 40px;
}
#colorbox #cboxWrapper {
	padding: 0px;
}

/* FOOTER */
footer {
	background: #222;
}
footer .region-footer {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
footer .region-footer div[id*='block-wica-footercolumn'] {
	width: 25%;
}
footer *, footer p, footer a {
	color: #fff;
}
footer h2 {
	font-size: 22px;
}
footer a {
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
#block-wica-legalfooter {
	width: 100%;
	margin: 3em auto 0;
}
#block-wica-legalfooter p {
	font-size: 14px;
}
@media all and (max-width:768px) {
	footer .region-footer {
		padding: 0 20%;
	}
	footer .region-footer div[id*='block-wica-footercolumn'] {
		width: 50%;
		margin-bottom: 30px;
	}
}
@media all and (max-width:460px) {
	footer .region-footer {
		padding: 0 20%;
	}
	footer .region-footer div[id*='block-wica-footercolumn'] {
		width: 100%;
	}
}