/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*
 *	WebFont Package Licensed to ATLAS ARTS
 */

/* Router Book */
@font-face {
	font-family: 'Router';
	src:	url('eot/RouterWeb-Book.eot'); /* IE9 Compat Modes */
	src:	url('eot/RouterWeb-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('woff2/RouterWeb-Book.woff2') format('woff2'), /* Super Modern Browsers */
			url('woff/RouterWeb-Book.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Router Book Italic */
@font-face {
	font-family: 'Router';
	src:	url('eot/RouterWeb-BookItalic.eot'); /* IE9 Compat Modes */
	src:	url('eot/RouterWeb-BookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('woff2/RouterWeb-BookItalic.woff2') format('woff2'), /* Super Modern Browsers */
			url('woff/RouterWeb-BookItalic.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

* {  font-family: 'Router', sans-serif; }

/*
 *	Site Styles
 */

* { letter-spacing: 0.01em; }

.grid { margin: 0 auto; }
.grid > div, .grid__inner { box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 20px; float: left; }
.grid-padd { padding: 0 20px; }
.grid-padd-all { padding: 20px; }

.grid > div.full { padding: 0; }

.padd-fix { padding-top: 1px !important; padding-left: 1px !important; }

.grid:after, .clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.grid.grid--middle { display: table; table-layout: fixed; }
.grid.grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
.grid.grid--middle > div.align-bottom, .grid.grid--middle > div.align-bottom * { vertical-align: bottom; }

.grid.flex { display: flex; flex-wrap: wrap; }
.grid.flex > div, .grid.flex .grid__inner { display: flex; }

.flex-reverse { flex-direction: row-reverse; }
.flex-forward { flex-direction: row; }

.flex-10 { order: 10; }

.grid-1-4 { width: 25%; }
.grid-1-3 { width: 33.3333333333%; }
.grid-2-3 { width: 66.6666666666%; }
.grid-3-4 { width: 75%; }
.grid-1-2 { width: 50%; }
.grid-1-1 { width: 100%; }
.grid-1-5 { width: 20%; }
.grid-5-6 { width: 83.3333333333%; }
.grid-1-6 { width: 16.6666666666%; }

.grid-left { float: left; }
.grid-right { float: right !important; }


.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.dir-rtl { direction:rtl; }
.dir-ltr { direction:ltr; }

.show-inline { display: inline-block; }
.show-block { display: block; }
.hide { display: none !important; }

img { max-width: 100%; height: auto;  }


@media screen and (min-width: 600px) {
	
	.grid.s--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.s--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.s--grid-1-4 { width: 25%; }
	.s--grid-1-3 { width: 33.3333333333%; }
	.s--grid-2-3 { width: 66.6666666666%; }
	.s--grid-3-4 { width: 75%; }
	.s--grid-1-2 { width: 50%; }
	.s--grid-1-1 { width: 100%; }
	.s--grid-1-5 { width: 20%; }
	.s--grid-5-6 { width: 83.3333333333%; }
	.s--grid-1-6 { width: 16.6666666666%; }
	
	.s--grid-left { float: left; }
	.s--grid-right { float: right; }
	
	.s--text-left { text-align: left; }
	.s--text-right { text-align: right; }
	.s--text-center { text-align: center; }
	
	.s--dir-rtl { direction:rtl; }
	.s--dir-ltr { direction:ltr; }
	
	.s--show-inline { display: inline-block !important; }
	.s--show-block { display: block !important; }
	.s--hide { display: none !important; }
	
}


@media screen and (min-width: 750px) {
	
	
	.grid > div { padding: 0 20px; }
  	.grid-padd { padding: 0 20px; }
	
	.grid.m--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.m--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.m--grid-1-4 { width: 25%; }
	.m--grid-1-3 { width: 33.3333333333%; }
	.m--grid-2-3 { width: 66.6666666666%; }
	.m--grid-3-4 { width: 75%; }
	.m--grid-1-2 { width: 50%; }
	.m--grid-1-1 { width: 100%; }
	.m--grid-1-5 { width: 20%; }
	.m--grid-5-6 { width: 83.3333333333%; }
	.m--grid-1-6 { width: 16.6666666666%; }
	
	.m--grid-left { float: left; }
	.m--grid-right { float: right !important; }
	
	.m--text-left { text-align: left; }
	.m--text-right { text-align: right; }
	.m--text-center { text-align: center; }
	
	.m--dir-rtl { direction:rtl; }
	.m--dir-ltr { direction:ltr; }
	
	.m--show-inline { display: inline-block !important; }
	.m--show-block { display: block !important; }
	.m--hide { display: none !important; }
	
}

.l--show-tc { display: none !important; }

@media screen and (min-width: 1000px) {
	
	.container.narrow { max-width: 900px; }
	
	.grid > div { padding: 0 20px; }
  	.grid-padd { padding: 0 20px; }
	
	.grid.l--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.l--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.l--grid-1-4 { width: 25%; }
	.l--grid-1-3 { width: 33.3333333333%; }
	.l--grid-2-3 { width: 66.6666666666%; }
	.l--grid-3-4 { width: 75%; }
	.l--grid-1-2 { width: 50%; }
	.l--grid-1-1 { width: 100%; }
	.l--grid-1-5 { width: 20%; }
	.l--grid-5-6 { width: 83.3333333333%; }
	.l--grid-1-6 { width: 16.6666666666%; }
	
	.l--pull-1-4 { padding-right: 25% !important; padding-right: calc(25% + 20px) !important;}
	
	.l--grid-left { float: left; }
	.l--grid-right { float: right !important; }

	.l--flex-reverse { flex-direction: row-reverse; }
	.l--flex-forward { flex-direction: row; }
	.l--flex-1 { order: 1; }
	.l--flex-2 { order: 2; }
	.l--flex-3 { order: 3; }
	
	.l--text-left { text-align: left; }
	.l--text-right { text-align: right; }
	.l--text-center { text-align: center; }
	
	.l--dir-rtl { direction:rtl; }
	.l--dir-ltr { direction:ltr; }
	
	.l--show-inline { display: inline-block !important; }
	.l--show-block { display: block !important; }
	.l--show-tc { display: table-cell !important; }
	.l--hide { display: none; }
	
	.l--h-50 { height: 40vh; }
	.l--h-100 { height: 100%; }
	.l--h-100 img { height: calc(100% - 1px) !important; object-fit: cover; margin-top: 1px; }
}

@media screen and (min-width: 1200px) {
	
	.container { width: auto; padding: 0 70px;  }
	.container.narrow { max-width: 900px; }
	
	.grid > div { padding: 0 20px; }
  	.grid-padd { padding: 0 20px; }
	
	.grid.xl--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.xl--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	
	.xl--grid-1-4 { width: 25%; }
	.xl--grid-1-3 { width: 33.3333333333%; }
	.xl--grid-2-3 { width: 66.6666666666%; }
	.xl--grid-3-4 { width: 75%; }
	.xl--grid-1-2 { width: 50%; }
	.xl--grid-1-1 { width: 100%; }
	.xl--grid-1-5 { width: 20%; }
	.xl--grid-5-6 { width: 83.3333333333%; }
	.xl--grid-1-6 { width: 16.6666666666%; }
	
	.xl--grid-left { float: left; }
	.xl--grid-right { float: right !important; }
	
	.xl--text-left { text-align: left; }
	.xl--text-right { text-align: right; }
	.xl--text-center { text-align: center; }
	
	.xl--dir-rtl { direction:rtl; }
	.xl--dir-ltr { direction:ltr; }
	
	.xl--show-inline { display: inline-block; }
	.xl--show-block { display: block !important; }
	.xl--show-tc { display: table-cell !important; }
	.xl--hide { display: none; }

}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 150%;
  position: relative;
}
.image-wrapper img {
  width: 100%;
  height: auto;
  position: absolute;
}  


details { padding-bottom: 20px; }
details summary > * { 
  display: inline;
}

details>summary {
  list-style-type: none;
  outline: none;
  cursor: pointer;
  padding: 20px 0 0;
}

details>summary::-webkit-details-marker {
  display: none;
}

details>summary::before {
  content: '+';
  float:right;
  font-size: 24px; 
  position: relative; top: -5px; 
}

details[open]>summary::before {
  content: '\2013';
}

details[open]>summary {
  margin-bottom: 20px;
}

/* Typography
   ========================================================================== */

h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, like-h6 { font-weight: normal;  }


h1, .like-h1, .like-h1 a, h1 span {  font-size: 22px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.1em; margin: 20px 0;  }
h2, .like-h2 {  font-size: 22px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.1em;  }
h3, .like-h3 {  font-size: 18px; line-height: 24px; text-transform: uppercase;  letter-spacing: 0.1em;}
h4, .like-h4 {  }
h5, .like-h5 { font-size: 18px; letter-spacing: 0.1em; }
h6, .like-h6 { }
p {   }
p a {  }
p a:hover {  }  

h2 a, h3 a { letter-spacing: 0.1em; }

.uppercase { text-transform: uppercase; }

p, li { font-size: 18px; line-height: 1.65rem;  }

@media screen and (min-width: 500px) {
	
	h1, .like-h1 {  }
	h2, .like-h2 {  }
	h3, .like-h3 {  }
	h4, .like-h4 { }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }
	
}


@media screen and (min-width: 750px) {
	
	h1, .like-h1 { }
	h2, .like-h2 { }
	h3, .like-h3 { }
	h4, .like-h4 { }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }

	
}


@media screen and (min-width: 1000px) {
	
	h1, .like-h1, h1 span {  }
	
	h2, .like-h2 { }
	h3, .like-h3 { }
	h4, .like-h4 { }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }

}

@media screen and (min-width: 1200px) {
	
	h1, .like-h1, h1 span {  }
	
	h2, .like-h2 { }
	h3, .like-h3 { }
	h4, .like-h4 { }
	h5, .like-h5 { }
	h6, .like-h6 { }
	p { }

}

.site-main a { color: #000; text-decoration: none; border-bottom: 2px solid #5F8DDA;  }

h1 a, .like-h1 a { border-bottom-color: transparent !important;  }
h1 a:hover, .like-h1 a:hover { border-bottom-color: #FFF !important;  }

strong, b { font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; }

.rte ol { padding: 0; margin: 2em 0; border-bottom: 1px solid #000;  }
.rte ol li { list-style: none; padding: 1em 0; border-top: 1px solid #000;  }
.rte ol li p { margin: 0; }
.rte ol li p b, .rte ol li strong { display: block;}

.rte h2 { margin: 1em 0 0; display: inline-block; border-bottom: 2px solid #000; }

.rte p + h2, .rte p + h3 { margin-top: 3em; }

hr { height: 0; margin: 0; padding: 0; border: none; border-top: 2px solid #000; }

/* Helpers
   ========================================================================== */
html {
  scroll-behavior: smooth;
}
.lazy { opacity: 0; height: auto; width: auto; display:block; transition: opacity 1s; }
.lazy.loaded { opacity: 1; }

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.content-embed { margin: 1em 0; padding: 0; }
.content-embed video { width: 100%; height: auto; }

/* Header
   ========================================================================== */

.site-header { background: #e9e9e9; margin: 0; position: sticky; top:0;  z-index: 99;  }
.site-header .flex div { align-items: center; }

.menu-toggle { cursor: pointer;   }

.menu-word { border-bottom: 2px solid #5F8DDA; }
.menu-icon { display: block; width: 40px; border-bottom: 2px solid #000; position: relative; height: 30px;  }
.menu-icon:before { content: ' '; width: 40px; bottom: 20px; left: 0; border-bottom: 2px solid #000; position: absolute;}
.menu-icon:after { content: ' '; width: 40px; bottom: 10px; left: 0; border-bottom: 2px solid #000; position: absolute;}

.menu-close { display: none; }

.menu-nav .menu-word { display: none; }
.menu-nav .menu-close { display: inline-block; }

.logo-holder {  }


.site-logo { font-size: 32px; color: #FFF; text-decoration: none; padding: 20px 0; letter-spacing: 0.4em; display: inline-block; }
.site-logo span { letter-spacing: 0.4em; }
.site-logo:hover { color: #5F8DDA; }

.main-logo { height: 50px; display: block;   }

.site-search { border: none; }
.site-search input { border: none; background: transparent; border-bottom: 2px solid #FFF; padding: 8px 0; width: 60%; box-sizing: border-box; color: #FFF; outline: none !important; font-size: 18px; }

.site-search button { border: 1px solid #fff; background: none; padding: 8px; box-sizing: border-box; width: 36%; float: right; color: #FFF; font-size: 18px; }
.site-search button:hover { background: #FFF; color: #5F8DDA; }

.site-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
  opacity: 0.5; 
}
.site-search ::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
   opacity: 0.5;
}
.site-search :-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
   opacity: 0.5;
}
.site-search :-moz-placeholder { /* Firefox 18- */
  color: #FFF;
   opacity: 0.5;
}

.site-search.newsletter-form { border: none;  }
.site-search.newsletter-form input { border-bottom: 2px solid #5F8DDA; color:#5F8DDA; }
.site-search.newsletter-form button { border: 2px solid #5F8DDA; color: #5F8DDA; }
.site-search.newsletter-form button:hover { background: #5F8DDA; color: #FFF;}

.site-search.newsletter-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: 0.5; 
}
.site-search.newsletter-form ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
   opacity: 0.5;
}
.site-search.newsletter-form :-ms-input-placeholder { /* IE 10+ */
  color: #000;
   opacity: 0.5;
}
.site-search.newsletter-form :-moz-placeholder { /* Firefox 18- */
  color: #000;
   opacity: 0.5;
}

.language-switch { display: flex; align-items: stretch !important; position: relative;  }
.language-switch a { box-sizing: border-box; width: 50%; overflow: hidden; color: #000; text-decoration: none; display: flex; align-items: center; text-align: center; justify-content: center; font-size:16px;  }
.language-switch a span { display: inline-block; border-bottom: 2px solid #FF6A39; }
.language-switch a.sel { color: #FFF; background: #FF6A39; }
.language-switch a.sel span { border-bottom-color: transparent; }
.language-switch a.disabled { text-decoration: line-through; }
.language-switch a.disabled span { border-bottom-color: transparent; }

@media screen and (max-width: 1000px) {
	
	.language-switch a:not(.sel) { display: none; }
	.language-switch:hover a:not(.sel) { display: flex; position: absolute; top: 100%; left: 0; height: 100%; background: #e9e9e9; align-content: center;  }
	.language-switch a { width: 100%; }
	
}

#locsel { max-height: 1000px; transition: all 0.25s ease; overflow: hidden; }
#locsel.hidden { max-height: 0;}

.location-selector { background: #ffdfdb; padding: 10px 20px; font-size: 15px; border-left: 1px solid #000; border-top: 1px solid #000; }
.location-selector * { font-size: 15px; line-height: 20px; }
.location-selector form { position: relative; padding-right: 30px;  }
.location-selector p { margin: 10px auto; padding-right: 50px;  }
.location-selector label { display: block; margin: 4px 0 4px 0; cursor: pointer; } 
.location-selector label input { display: none; }
.location-selector label span { display: inline-block; width: 12px; height: 12px; border: 1px solid #000; margin-right: 2px; position: relative; top: 1px; }
.location-selector label:hover span { background: #000; }
.location-selector label.optout { position: absolute; right: 0; top: -5px; font-size: 25px; }

.location-selector a { border-bottom: none; text-decoration: underline; }


@media screen and (min-width: 1000px) {
	.location-selector label { display: inline-block; margin: 4px 30px 4px 0; cursor: pointer; } 
}	

/* Footer 
   ========================================================================== */   

.site-footer { background: #e9e9e9; }
.site-footer a { color: #000; text-decoration: none; border-bottom: 2px solid #5F8DDA;  }

.supporter-logo { height: 70px; width: auto; margin-right: 20px;  display: inline-block; }

.footer-legal ul { margin:0; padding: 0; }
.footer-legal ul li { list-style: none; display: inline-block; margin-right: 20px;  }

/* Main - offset style
   ========================================================================== */ 

.site-holder { position: relative; }

nav.main-nav { overflow: hidden; background: #5F8DDA; color: #FFF; transition: max-height 0.5s ease-in-out; max-height: 0px;    }

.menu-nav nav.main-nav { max-height: 1000px; border-bottom: 1px solid #000; margin-bottom: -1px;  }

.menu-menu { cursor: pointer; }
.menu-menu:hover, body.menu-nav .menu-menu { background:  #5F8DDA;}
.menu-menu:hover .menu-word, body.menu-nav .menu-menu .menu-word { color: #FFF;  border-bottom: 2px solid #FFF; }


.main-nav ul { margin: 0; padding: 0; width: 100%; }
.main-nav ul li { margin: 0; padding: 0; list-style: none; }
.main-nav ul li a { text-transform: uppercase; display: inline-block; color: #FFF; text-decoration: none; font-size: 22px; line-height: 30px; letter-spacing: 0.1em;  }

.main-nav .menu-item ul a { font-weight: normal; text-transform: none; color: #FFF; letter-spacing: 0.01em; width: auto;    }
.main-nav .menu-item ul li { width: 100% !important; margin-bottom: 8px;  }
.main-nav .menu-item ul li a { font-size: 18px; line-height: 24px; border: 1px solid #FFF; padding: 6px 10px 8px; }
.main-nav .menu-item ul li a:hover { background: #fff !important; color: #5F8DDA !important; }

.menu-holder { width: 100%; }
.menu-holder > ul > li { padding: 20px;  }
.menu-holder > ul > li > a { width: 100%; padding-right: 20px; }
.menu-holder > ul > li > a:hover { text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px; }
/*
.menu-programme { background: #639fa6; }
.menu-events { background: #d99f59}
.menu-read { background: #b4a7bf; }
.menu-opportunities { background: #a8a132; }
.menu-about { background: #a6554e; }
.menu-shop { background: #FF6A39; }
*/
.main-nav a { background: none !important}

.menu-social a { text-decoration: none; color: #FFF; border-bottom: 2px solid #FFF; }

@media screen and (min-width: 1000px) {
	
	
	.menu-holder > ul > li { min-height: 150px; flex-direction: column;  }
	.menu-holder > ul > li ul { margin-top: 20px; }
	.menu-holder > ul > li > a { width: auto; padding-right: 0; }
	
	.site-search { border-bottom: 1px solid #000; }

	
}

@media screen and (max-width: 1000px) {
	
	.menu-holder > ul > li { flex-wrap: wrap; }
	.menu-holder > ul > li ul { margin-top: 20px; }
	.main-nav .menu-holder > ul > li ul > li { flex-wrap: wrap; margin-right: 8px; width: auto !important}
}	


/* Homepage
   ========================================================================== */ 

.home-intro { padding: 0 !important}

.home-tide-times { border-left: 1px solid #000; }

.tidal-panel { background: #e9e9e9; color: #000;  }
.tide-times { border-top: 1px solid #000; padding-bottom: 20px; }
.tidal-panel p { color: #000; }
.tidal-panel.night { background: #767676; color: #FFF;  }
.tidal-panel .grid-1-2 p {  }
.tidal-panel .sc { font-size: 13px; text-transform: uppercase; margin-left: 2px; color: #000;}

.home-nav { /*border-top: 1px solid #000;*/ }
.home-nav ul { margin: 0; padding: 0; }
.home-nav > div > ul > li {  padding: 20px; font-size:22px; line-height: 30px; height: 100px; text-transform: uppercase;  letter-spacing: 0.1em; background: #5F8DDA;}
.home-nav > div > ul > li:hover { background: #FFF}
.home-nav > div > ul > li a { display: block; border-bottom: none !important; letter-spacing: 0.1em; color: #FFF; }
.home-nav > div > ul > li:hover a { color: #5F8DDA !important; text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;}
.home-nav > div > ul ul { display: none; }

.homepage-programme .programme-project, .homepage-programme h2, .homepage-programme .programme-date { background: #e9e9e9; color: #000; padding: 8px; display: inline-block;  /*border:1px solid #fff; */ border: 1px solid #000 }

.homepage-programme .programme-date { margin: 5px 1px 0 0; }

.homepage-programme h2 { text-decoration: none !important; }

.homepage-programme:hover .programme-project, .homepage-programme:hover h2, .homepage-programme:hover .programme-date { background: #767676; color: #fff; }



.home-panels a:hover .full.l--h-100 { position: relative; }
.home-panels a:hover .full.l--h-100:after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 1px); background:rgba(255,255,255,0.5); border-top: 1px solid #000; border-bottom: 1px solid #000; }

@media screen and (max-width: 1000px) {
	.home-intro p:not(.more):nth-child(2) { display: none; }
	.home-panels a:hover .full.l--h-100:after { height: 100%; }
	
}

@media screen and (min-width: 1000px) {
	
	.homepage-programme h2 { max-width: calc(50% - 20px); }
	
	
}

/* Main Content 
   ========================================================================== */ 
html { border-right: 1px solid #000; min-height: 101vh; }

.outlined > div, .outlined grid__inner, .has-outline, .menu-holder > ul > li { 
	box-shadow: 
    1px 0 0 0 #000, 
    0 1px 0 0 #000, 
    1px 1px 0 0 #000,   /* Just to fix the corner */
    1px 0 0 0 #000 inset, 
    0 1px 0 0 #000 inset;
	border: none !important; 
	
	 }



.no-bottom { border-bottom: none !important; }
.no-right { border-right: none !important; }

.border-bottom { border-bottom: 1px solid #000; }

.breadcrumbs { padding: 5px 20px; font-size: 15px !important; }
.breadcrumbs ol { margin: 0; padding: 0;  }
.breadcrumbs ol li { display: inline-block; list-style: none; font-size: 15px !important; }
.breadcrumbs a { color: #000; border-bottom-width: 1px; }

.menu-panel-colour { background: #00AB84; padding: 20px !important;  }
.menu-panel-colour h1, .menu-panel-colour .like-h1 { margin-top: 0; }
.menu-panel-colour * { color: #FFF !important; }
.menu-panel-colour a { color: #FFF !important; border-bottom: 2px solid #FFF; }
.menu-panel-colour details { border-top: 1px solid #FFF !important; }
.menu-panel-colour details summary { text-transform: uppercase; }
.menu-panel-colour p:first-child { margin-top: 0; }
.menu-panel-colour p:last-child { margin-bottom: 0; }

ul.subnav { padding: 0;  }
ul.subnav li { list-style: none; }

.hide-top { position: relative;}
.hide-top:after {
	
	    content: ' ';
    width: calc(100% - 1px);
    height: 5px;
    background: #00AB84;
    position: absolute;
    top: -2px;
    left: 1px;
	
}
/* Programme
   ========================================================================== */ 
   
   a.tag { font-size: 18px; display: inline-block; margin-bottom: 8px; margin-right: 8px; text-decoration: none; color: #FFF; border: 1px solid #FFF; padding: 6px 10px 8px; }
   a.tag:hover, a.tag.sel { background: #FFF; color: #00AB84 !important; }
   
   div.tags { margin-bottom: 1em; }
   .cta, .shopify-buy__btn {  font-size: 18px; display: inline-block; margin-bottom: 8px; margin-right: 8px; text-decoration: none; color: #000; border: 1px solid #000 !important; padding: 6px 10px 8px;}
   .cta:hover, .shopify-buy__btn:hover { background: #000; color: #FFF; }
   div.tags .cta { font-size: 15px; }
   
   a.tag.indent { margin-left: 20px;  }

.programme-block { padding: 20px; display: block; font-size:18px; border-bottom:none !important; }
.programme-block:hover, .programme-block.sel { background: #00AB84; }
.programme-block:hover *, .programme-block.sel * { color: #FFF; }
.programme-block:hover h2 { text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px; }

.programme-block img { display: block; width: 100%; height: auto; }

.programme-block .gd { display: block;  }
.programme-block h2 { margin: 0; }

.programme-project { display: inline-block; margin-bottom: 10px; }
.programme-date { display: inline-block; margin-top: 10px; }
.programme-type, .programme-read { float: right; }
.programme-read { font-size: 22px; line-height: 30px;  }

/* Page content
   ========================================================================== */ 

figure { margin: 0; padding: 0; }
.site-main details { border-top: 1px solid #000; }

.content-image-grid { margin: 20px 0; }
.content-image-grid img { width: 100%; display: block; height: auto; }

figure.content-image-grid { position: relative;}
figure.content-image-grid figcaption { border-bottom: 1px solid #000; padding: 10px 0; font-size: 15px; line-height: 1.65rem; }

.content-quote { margin: 20px 0; border-left: 1px solid #000; }
.content-quote blockquote { margin: 0 0 0 20px; padding: 0; font-size: 18px; line-height: 1.65rem;}
.content-quote figcaption { font-size: 15px; margin: 10px 0 0 20px; line-height: 1.65rem; }

.content-embed { position: relative;}
.content-embed figcaption { border-bottom: 1px solid #000; padding: 10px 0; font-size: 15px; line-height: 1.65rem; }


.break-grid {
	
	width: calc(100% + 40px);
    position: relative;
    left: -20px;
		
}

@media screen and (min-width: 1000px) {
	
	.break-grid-150 {
		
		width: calc(150% + 60px);
		
	}
	

}

@media screen and (min-width: 1350px) {

	
	.l--pull-1-4 figure.content-image-grid figcaption {
		position: absolute; left: calc(100% + 20px); bottom: 0; padding-left: 0px; padding-right: 10px; width: 45%; 
		
	}
	.l--pull-1-4 figure.content-embed figcaption {
		position: absolute; left: calc(100% + 20px); bottom: 0; padding-left: 0px; padding-right: 10px; width: 45%; 
		
	}
	
}

.product-grid .grid-1-1 { padding-top: 20px !important; padding-bottom: 20px !important; }
.product-grid a { display: block; text-decoration: none; border-bottom: none; }
.product-grid h3 { margin: 10px 0; }

.publications-list hr { margin: 24px 0; }
.publications-list h3 { margin-top: 0; }
.publications-list img { margin: 6px 0; }

.l--pull-1-4 { padding-bottom: 20px !important; }

.shop-images img { display: block; margin: 20px auto; width: 100%;  }

.mapboxgl-popup-content { padding: 15px !important; }
.mapboxgl-popup-content h3 { margin: 0; }
.mapboxgl-popup-content p { margin: 5px 0 0; font-size: 15px; line-height: 19px; }

.logos { margin: 20px 0 20px; }
.logos img { display: inline-block; margin-right: 20px; margin-top: 20px; }

ul.search { margin: 0; padding: 0; }
ul.search li { margin: 0; padding: 0; border-top: 1px solid #000; list-style: none }
ul.search li a { border: none !important}
ul.search li .tags span { display: inline-block; margin-right: 8px; font-size: 15px; }
ul.search li h2 { margin-bottom: 0; }
ul.search li:hover h2 {text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px; }
    
    
.shopify-buy-frame--product { width: 100%; }
.shopify-buy-frame select { width: 100%; padding:6px; border-radius: 0px; }    
.shopify-buy-frame label { display: none; }
.shopify-buy-frame svg { display: none; }    
.shopify-buy-frame .shopify-buy__product__actual-price  { font-size: 18px; display: block; margin: 20px 0 10px; }

.shopify-buy__btn { margin-top: 10px; border-color: #5F8DDA !important; background: none; color: #5F8DDA !important; border-width: 2px !important; display: block; width: 100%; }
.shopify-buy__btn:hover { background: #5F8DDA; color: #FFF !important; }