/************************************************

Stylesheet: Global Stylesheet

PLEASE NOTE: Sub domains use the theme customiser in the admin to override some of the theme styles. The colours in particular.

*************************************************/

:root {
  --primary-button-background: #12868A;
  --off-black:#262626;
  --light-grey:#E7E9EA;
  --header-one:#003726;
  --header-one-bg:#FFD602;
  --dark-grey:#66727f;
  --header-two:#fff;
  --header-two-bg:#003726;
  --link:#12868A;
  --hover:#006BB1;
  --white:#fff;
  --main-site-yellow :#FFD602;
  --main-site-green:#003726;
}
.whiteBG{
  background:#fff;
}
.button, button, input[type="submit"]{
  background-color:#12868A;
  background-color:var(--primary-button-background);
  padding: .5em 0.7em;
  border:0;
  text-transform: :capitalise;
  color:#fff;
}
.button a{
  color:#fff;
}
.button.secondary, button{
  background:#12868A;
  background:var(--primary-button-background);
  color:#fff;
  text-transform: uppercase;
}
.button:not(.button-no-arrow):after, .arrow:after{
  content: "";
  background-image: url('/wp-content/themes/swht/assets/images/arrow@2x.png');
  height: 1em;
  display: inline-block;
  width: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1em;
  vertical-align: middle;

}
.arrow.right:after{
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    color:black;


}

.arrow.left:before{
  content: "";
  background-image: url('/wp-content/themes/swht/assets/images/arrow-dark@2x.png');
  height: 1em;
  display: inline-block;
  width: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  transform:rotate(180deg);
  margin-right:1em;
}
.arrow.dark:after{
     background-image: url('/wp-content/themes/swht/assets/images/arrow-dark@2x.png');
}
.arrow.light:after{
   background-image: url('/wp-content/themes/swht/assets/images/arrow@2x.png');
}
.button:hover, .button:focus, .button:active, button:hover, button:active, button:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus{
  background-color: #006BB1;
  background-color: var(--hover);
  cursor:pointer;
}
.button a:hover, .button a:focus, .button a:active{
  background-color: #006BB1;
  background-color: var(--hover);
  cursor:pointer;
}
.editthis{
  margin-top:1em;
}
.button.secondary, button.secondary{
  background:transparent;
  color:#12868A;
  color:var(--link);
}
.button.secondary:hover, .button.secondary:focus, button.secondary:hover, button.secondary:focus{
  background-color: #006BB1;
  background-color: var(--hover);
}
label{
  font-size: 1em;
}

/* Charity Digital Newsletter form */
form#signup * {
  font-weight:200;
}
form#signup small {
  font-size: 1.2em;
}
form#signup label.wrap {
  font-weight:100;
  display:inline-block;
  float:left;
  font-size: 1.2em !important;
  line-height:1.4;
  min-width: 140px;
}
form#signup p {
  font-size: 1.2em !important;
  margin-bottom:1.5rem;
}
form#signup h3 {
  margin-top:2.5rem;
  margin-bottom:1.5rem;
}
form#signup .signup-details label.wrap {
  min-width:120px;
}
form#signup input[type="text"],
form#signup input[type="email"] {
  margin-bottom:0;
  max-width: 50%;
}
form#signup .signup-details input[type="text"] {
  display:inline-block;
  float:left;
  width:auto;
  min-width:400px;
  margin-bottom:0;
}
@media screen and ( max-width:767px ) {
  form#signup input[type="text"],
  form#signup input[type="email"] {
    max-width: 100%;
  }
  form#signup .signup-details input[type="text"] {
    flex-grow:1;
  }
  form#signup .signup-details {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  form#signup .signup-details input[type="text"] {
    min-width:100%;
  }
}
form#signup div input[type="checkbox"] {
  margin-bottom:0.25rem;
  margin-right:0.5rem;
}
form#signup div {
  display: flex;
  overflow: auto;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin-bottom:1.25rem;
}
form#signup .consent {
  display: flex;
  overflow: auto;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
}
form#signup .consent input[type="checkbox"] {
  margin-right:0.5rem;
  width:45px !important;
  height:25px !important;
}
form#signup .consent label {
  font-weight:100;
  line-height:1.6;
}
form#signup em {
  font-size: 1.2rem !important;
}
form#signup #btnsubmit {
  font-size:1.2rem !important;
  margin-top:1.5rem;
  width:auto !important;
}
form#signup #ci_userConsentCheckBox {
  float: left;
  display: inline-block;
}
form#signup #ci_userConsentCheckBox + label {
  float: left;
  display: inline-block;
  width: 80%;
  padding-left: 0.5rem;
  margin-top: -5px;
  margin-bottom: 1rem;
}

/*********************
FONTS AND HEADINGS STYLES
*********************/
/*Fonts sourced from http://fontsgeek.com/search?q=gotham
Converted for web at https://transfonter.org/*/
@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.eot');
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.woff2') format('woff2'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.woff') format('woff'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.ttf') format('truetype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.eot');
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.woff2') format('woff2'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.woff') format('woff'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.ttf') format('truetype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.eot');
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.woff2') format('woff2'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.woff') format('woff'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.ttf') format('truetype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.eot');
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.woff2') format('woff2'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.woff') format('woff'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.ttf') format('truetype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.eot');
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.woff2') format('woff2'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.woff') format('woff'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.ttf') format('truetype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.eot');
    src: url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.woff2') format('woff2'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.woff') format('woff'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.ttf') format('truetype'),
        url('/wp-content/themes/swht/assets/fonts/hinted-Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
html{
    font-size: 95%;
}
body{
  font-family:"Gotham", "Calibri", sans-serif;
  position:relative;

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family:"Gotham", "Calibri", sans-serif;
}
h1{
  font-weight:bold;
  font-size:1.5em;
}
h2{
  font-size:1.5em;
  font-weight: 100;
  color:#000;
}
h3{
  font-size:1.8em;
  color:#66727f;
  color:var(--dark-grey);
  font-weight: 300;
}
h4{
  font-size: 1.4em;
  font-weight: 300;
  color:#66727f;
  color:var(--dark-grey);
}
h2, h3, h4{
  margin-bottom: 0.5em;
  clear:left;
}
p{
  margin-bottom: 2em;
}
.search-results h2{
  margin-bottom:0;
}
.search_result + .search_result .hentry{
  border-top:1px solid #66727f;
  padding-top:1.5em;
  margin-top:0;
}
.article-header{
  border-bottom: 10px solid #66727f;
  border-bottom: 10px solid var(--dark-grey);
}
.article-header p{
  margin:1em 0;

}
.article-header h2{
  font-weight:bold;
  font-size:1.5em;
}
p,li{
     font-family:"Gotham", "Calibri", sans-serif;
    font-weight:300;

}
.entry-content {
    position:relative;
}
.entry-content li p{
  margin-bottom:0.8em;
}
.entry-content p, .entry-content li{
      font-size: 1.1em;
}
.entry-content.grid-container{
  max-width:48rem;
}
a{
  color:#12868A;
  color:var(--link);
  font-weight:500;
}
a:hover, a:active, a:focus{
  color: #006BB1;
  color:#006BB1;
 color:var(--hover);
}
.news_alert{
  background:var(--header-two-bg);
  color:var(--header-two);
  padding:.6em;
}
.news_alert h6{
  margin:0;
}
.news_alert .button{
  margin-bottom: 0;
  margin-left: 1em;
}
/*********************
HEADER STYLES
*********************/
.logo{
  align-self: flex-end;
}
.logo img{
  width:100%;
  max-width:150px;
}
.logo img.custom_logo{
  max-width:100%;
  margin: 0.4em 0;
}
#top-bar-menu{
  background:#66727f;
  background:var(--dark-grey);
  padding:0;
}
.top-bar, .top-bar ul{
  background:transparent;
}
input[type="submit"].search-submit{
  padding:.85em 1em;
  margin:0;
}
.search-form{
  margin:1em;
}
.search-form label{
  display: inline-block;
}
.menu a{
  color: #fff;
}
.menu a:hover, .menu .active a{
  background:#fff;
  color:#66727f;
  color:var(--dark-grey);
}

.dropdown.menu .is-active>a{
  background:#000;
  color:#fff;
}

.dropdown.menu.vertical>li.opens-right>a::after{
    border-color: transparent transparent transparent #fff;

}
.dropdown.menu .is-active>a:after{
  border-color: transparent transparent transparent #66727f);
  border-color: transparent transparent transparent var(--dark-grey);
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after{
    border-color:#fff transparent transparent;
  }
/*********************
HEADER STYLES
*********************/

.home .main {
  margin: 0;
  width: 100%;
  background:#66727f;
  background:var(--dark-grey);
}
.home .entry-content p{
  color:#fff;
  font-size:1.4em;
}
/*********************
Hello bar STYLES
*********************/
#wpfront-notification-bar{ background: var(--header-one-bg); }
.wpfront-message, .wpfront-message h5, .wpfront-message p{ color:var(--header-one); }
#mc_embed_signup{ margin-left:1em; }
.wpfront-message, .wpfront-message h5{ display:inline;}
#mc-embedded-subscribe,#mc-embedded-subscribe-2{ margin-bottom:0; font-size:1em;}
#wpfront-notification-bar div.wpfront-close{border: 0;background: transparent;font-size: .8em;}
#wpfront-notification-bar table{border-bottom: 5px solid var(--header-one);}

blockquote.note{
  background:transparent;
  border:5px solid var(--light-grey);
}
blockquote.note h6{
  color:var(--dark-grey);
}
/*********************
CONTENT BLOCKS STYLES
*********************/
.image-block.container{
  background:#66727f;
  background:var(--dark-grey);
  padding-top: 0.8em;
}
.content-block.image {
  position: relative;
/*  height: 16rem;*/
  overflow: hidden;
}

.content-block.image img {
  min-height: 100%;
  height: auto;
  min-width: 100%;
  width: auto;
}

.content-block.image .bg-overlay {
  background-color: rgba(255,214,2,0.5);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.content-block.image .bg-overlay:focus,
.content-block.image .bg-overlay:hover {
  background-color: rgba(0,0,0,0.5);
}

.content-block.image .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 55%;
  z-index: 300;
}

.content-block.image .text h4 {
  background-color: #fff;
  color: #000;
  display: inline;
  padding: 0.25rem 0.75rem 0.5rem 0.75rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-size: 1.5rem;
  line-height: 2rem;
}

.button-block.container {
  background-color:#66727f;
  background-color:var(--dark-grey);
  width: 100%;
  margin: 0;
  padding: 3rem 1rem 2.5rem 1rem;
	display: none;
}

.button-block {
/*  display: inline-block;*/
margin-bottom:1em;
}
.button-block a {
  border: 1px solid #fff;
  position: relative;
  padding: 1rem;
  width: 100%;
  height: 100%;
  min-height: 6rem;
  display: block;
  color: #fff;

}
.button-block a:hover{
  background: #006BB1;
  background: var(--hover);
}
.button-block span {
/*  position: absolute;
  bottom: 1rem;
  right: 1rem;
  left:1rem;*/
}

.text-image-button.block:nth-of-type(1) {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #eee;
  display: block;
}

.text-image-button.block {
  display: block;
  margin: 2rem 0 2rem 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 2rem;
}

  .text-image-button.block a {
    cursor: pointer;
  }

  .text-image-button.block:nth-child(odd) .image-wrapper {
    float:left;
  }

  .text-image-button.block:nth-child(even) .image-wrapper {
    float:right;
  }

  .text-image-button.block .description {
      display: block;
      padding-bottom: 1rem;
  }

  .text-image-button.block img {
    margin-bottom: 2rem;
  }

.full-width-image {
  max-height: 16rem;
  overflow: hidden;
  padding: 0;
}

  .full-width-image img {
    object-fit: cover;
    object-position: center;
    min-width: 100%;
    height: auto;
  }

.quote {
  padding: 2rem 0 3rem 2rem;
}

blockquote.quote-text::before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #025366;
}

blockquote.quote-text {
  font-family: Georgia, serif;
  font-size: 25px;
  font-style: italic;
  width: 80%;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #025366;
  border: 0;
}

.quote cite {
  color: #000;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  padding: 0 0 0 2.5rem;
}

.quote cite:before {
  content: "\2014 \2009";
}

.gallery.row {
  text-align: center;
  margin: 2rem;
}

.gallery {
  margin: 1rem 0;
}

.gallery dl {
  float: left;
/*  margin-right: 1rem;*/
}
/*ACCESS OPTIONS*/
#accessibilityMenu{
  display: none;
}
body.accessibilityMenu-active #accessibilityMenu{
  display: block;
}
.accessibility.cell{
  text-align:center;
}
.accessibility-toggle {
	font-size: 1.16em;
	margin-top: 0.2em;
	display: inline-block;
}

/********************
Gallery table styles
********************/
#galleriesTable, #galleriesTable tbody, #galleriesTable tr, #galleriesTable td{
  height:auto!important;
}
@media screen and (max-width:40em){
  #galleriesTable td {
    display: table-row;
    padding:.5rem;
  }

  #galleriesTable td img{
    margin:.5em auto 1em;
    display: block;
  }
}
/*********************
++ LANDSCAPES
*********************/
.blocklinks .archivelist .panel .excerpt{
  padding:.5em;
}
.archivelist.landscapes{
    counter-reset: number-counter;
    list-style-type: none;
    margin:0;
}
.archivelist.landscapes li{
  position: relative;
}

.archivelist.landscapes li:before{
  content: counter(number-counter);
  counter-increment: number-counter;
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  background:#262626;
  background:var(--off-black);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  left: -0.5em;
  font-weight: 400;
  z-index: 2;
  font-size: 1.3em;
  top: -0.5em;
  line-height: 1.7;
}
.acf-map h5 span.number{
  background:#262626;
  background:var(--off-black);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  margin-right: 0.5em;
}
.acf-map h5 span:not(.number) + span:not(.number):before{
  content:"\00a0";

}
.acf-map h5 a{
  color:#262626;
  color:var(--off-black);
}
.acf-map h5 a:hover, .acf-map h5 a:focus, .acf-map h5 a:active{
  color:#006BB1;
  color:var(--hover);
}
.address{
  margin-top:0.5em;
}
/*********************
POSTS & CONTENT STYLES
*********************/
.callout{
  background:#E7E9EA;
  background:var(--light-grey);
  border:0;
  margin-right: 6em;
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
}
.callout .button{
  position: absolute;
  right: -10%;
  bottom: 2em;
}
a.callout:hover{
  background: var(--dark-grey);
  color:#fff;
}
a.callout:hover:after{
    background-image: url('/wp-content/themes/swht/assets/images/arrow@2x.png');
}
.intro-block{
  font-weight:400;
}
.alert{
  background:pink;
  text-align:center;
  padding:0.3em;
  font-weight:bold;
  color: red;
}
.main article{
  margin-top:1em;
}
.article-header{
  background:#E7E9EA;
  background:var(--light-grey);

}

.article-header div.thumb{
  position: relative;
    background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
  height:250px;
  min-height:250px;
}

.article-header div.thumb.noimage{
  background:#262626;
  background:var(--off-black);
}
.page-title{

  margin-bottom:0;
}
.article-header .pageIntro{
  align-self:flex-end;
}
.article-header .pageIntro p{
  font-size: 1.4em;
  font-weight: 400;
  color:#66727f;
  color:var(--dark-grey);
  padding:0.5em 1em;
  margin:0;
}
.article-header .thumb .page-title{
  position: absolute;
  bottom:0;
  z-index: 10;
}

.page-title span{
  float: left;
  clear:both;
  color:#fff;
  text-transform: uppercase;
  padding:0.2em 0.25em 0.1em;
  line-height:1;
}
.page-title span:first-child{
  background:#FFD602;
  background:var(--header-one-bg);
  color:#003726;
  color:var(--header-one);
}
.page-title span:nth-child(2){
  background:#003726;
  background:var(--header-two-bg);
  color:#fff;
  color:var(--header-two);
}
.breadcrumbs{
  margin:0.5em 0 2.5em;
}
.breadcrumbs li{
  font-weight:300;
  text-transform:initial;
  font-size: 1em;
}
.breadcrumbs a{
  color:#66727f;
  color:var(--dark-grey);
  font-weight:300;
}
.breadcrumbs a:hover, .breadcrumbs a:focus{
  color:#12868A;
  color:var(--link);
}
.breadcrumbs li:not(:last-child)::after {
  content:"";
  margin:0 0.5em;
}
.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

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

/*.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1em;
  margin-bottom:1em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1em;
  margin-bottom:1em;
  display: inline;
  float: right;
}*/
blockquote{
  background:#E7E9EA;
  background:var(--light-grey);
  color:#000;
  padding:1em 1em 0.5em 1em;
  margin: 0.5em;
  margin: 1.8em 1em;
  border: 0;
}
blockquote p{
    color:#000;
    font-size: 1em;
}
blockquote em{
  font-weight:200;
  color:#66727f;
  color:var(--dark-grey);
}
.entry-content .alignright, .entry-content img.alignright, .entry-content .alignleft, .entry-content img.alignleft, .entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-bottom:1em;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #14679e;
    color: #fefefe; }
/*SEARCH AND FILTER STYLES*/
/* Search & Filter Styles */
body
{
  display:block;
}
.searchandfilter p
{
  margin-top: 1em;
  display:inline-block;
}
.searchandfilter ul
{
  display:inline-block;
}
.searchandfilter li
{
  list-style: none;
  display:inline-block;
  padding-right:10px;
}

/* If in a widget area make a single column by adding display block  */
.widget-area .searchandfilter li, .widget-area .searchandfilter p
{
  display:block;
}
.searchandfilter label
{
  display:block;
}
.searchandfilter h4
{
  margin:15px 0;
  font-size:16px;
}

.searchandfilter ul > li > ul:not(.children)
{
  margin-left:0;
}

#dropdown-here{
  margin-bottom: 1rem;
}

.visiting-guide-title.visiting-guide-title{
  font-size: 2rem;
  background-color:#66727f;
  color:#ffd602;
}

#schools-tabs .tabs-title{
  border-left: solid 1px #fff;
  background-color: #E7E9EA;
  display: inline-block;
  float:none;
}

#schools-tabs{
  border: none;
  background: #fff;
  text-align: center;
}


/*********************
WORKSHOP PAGE STYLES
*********************/

.single-workshops .taglist{
  padding:1rem 0;
}
@media screen and (min-width:40em){
   .single-workshops .taglist{
    padding:0 1rem;
  }
  .single-workshops .thumb{
    margin-bottom:1rem;
  }
}
  .infobox{
    background:var(--light-grey);
    padding:1rem;
  }
/*********************
ARCHIVE PAGE STYLES
*********************/
.catFilter_list{
  background:#E7E9EA;
  background:var(--light-grey);
  padding:0.5em;
  margin-bottom:1em;
}

select, [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea{
  font-weight:300;
}
.catFilter_list select, .catFilter_list li, .catFilter_list input, .catFilter_list ul{
  margin-bottom:0;
}
.taglist{
  margin-bottom:1em;
}
.post-type-archive .taglist ul{
  margin-bottom: 1em;
/*  height: 2em;
  overflow: hidden;*/
}
#more{
  display: block;
  text-transform: uppercase;
  color: #006BB1;
  color: var(--hover);
  align-self: flex-end;
  margin-bottom: 1em;
}
.post-type-archive .taglist ul.open{
  height: auto;
}
.taglist.simple{
/*  margin-bottom:0em;*/
}
.taglist h4, .catFilter_list h4{
/*  float: left;
  margin-right:0.5em;*/
}
.taglist .menu a{
  color:#12868A;
  color:var(--link);
  border:1px solid #12868A;
  border:1px solid var(--link);
  border-radius:6px;
  padding: 0.4em 0.8em;
  margin: 0 0.5em 0.5em;
  font-weight:400;

}
.taglist .menu a:first-child{
  margin-left:0;
}
.archivelist .panel .data > * + *, .archivelist .panel > * + *{
  margin-top:0.75rem;
}
.archivelist .panel p.date, .archivelist .panel p.location{
  margin-bottom:0;
  font-weight:500;
  color:#66727f;
  color:var(--dark-grey);
}
.archivelist .panel p.location{
  margin-top: 0.5em;
  color:#262626;
  color: var(--off-black);
}
.archivelist .panel{
  border:1px solid #E7E9EA;
  border:1px solid var(--light-grey);
}
.archivelist .panel, .archivelist .data{
  display: flex;
  flex-direction: column;

}
.archivelist .panel a{
  margin:0;
  position: relative;
}
.archivelist .data{
  padding:0.3em 0.8em;
  flex-grow:1;
}
.archivelist .panel .data:last-child{
  margin-top:auto;
}
.archivelist .panel .announcements .data{
  background: var(--white);
  color: var(--off-black);
}
.archivelist .panel .sharing-btns {
  text-align:left;
}
.archivelist .panel .sharing-btns .icon-sm {
  height: 30px;
  width: 30px;
  margin-right:5px !important;
  padding-top: 6px;
}
.archivelist .panel .sharing-btns .icon-sm i {
  font-size:17px;
}
.taglist.simple .menu a{
  border:0;
  padding:0;
  padding: 0.3em;
  font-size: 0.9em;
  float: left;
  border-radius:3px;
  margin:0;

}
.taglist .menu a.clear{
  border:0;
  font-weight:300;
}
.taglist.simple .menu li:after, .taglist.simple ul.menu:before{
  content:"/";
  color:#12868A;
  color:var(--link);
  font-weight:300;
}
.taglist.simple .menu li:first-child a:before{
  margin-right:0.3em;
}
.taglist .menu a:hover, .taglist .menu a:active, .taglist .menu a:focus, .taglist .menu a.active{
  background:#12868A;
  background:var(--link);
  color:#fff;

}
.workshops .taglist ul li, .workshops .taglist ul.keystage li{
  background:#240e62;
}{
  background:#240e62;
}
.workshops .taglist .menu a{
    color:#fff;
    border:0;
    border-radius:0;
    margin:0;
}
.workshops .taglist .cell + .cell .menu a{
  margin-right:.3rem;
}
.workshops .taglist ul li + li{
  /*margin-left:.3rem;*/
}
.workshops .taglist ul.subject li{
  background:#aa0061;
}
.workshops .taglist ul.topic li{
  background:#ffad00;
}
.workshops .taglist ul.location li{
  background:#003726;
}
.workshops .taglist ul{
  margin-bottom:0;
}
.workshops .taglist li{
  margin-bottom:.5rem;
  margin-right:.3rem;
}
.related_strip aside{
  margin-top:2em;
}
.panel p.panelSup{
  margin:0;
  padding:0 0.5em;
  font-weight:400;
}
.panel .byline{margin-bottom:0;}
.event-data{
  margin-bottom:2em;
}
.single .byline{
  font-size:95%;
  border-bottom: 1px solid var(--light-grey);
  display: inline-block;
  color: var(--off-black);
}
.single-announcements .sharing-btns,
.single-news .sharing-btns {
  position: absolute;
  right: .9375rem;
  top: 0;
}
.event-data .date{
  margin-bottom: 0.5em;
}
.alert{
  display: inline-block;
  font-size: 1rem;
  border-radius: 3px;
  padding: 0 .5em;
  color:#bc0606;
  font-weight:400;
}
.dates_list .alert{

    margin-left: 1em;
}
.event-data .alert{
  margin-bottom: 1em;
}
.panel .alert{
  display: block;
}
/*.soldout{
  background: red;
  padding: 0.3em .5em;
  border-radius: 3px;
  color: white;
  margin: 0.5em 0;
  display: inline-block;
}*/
/*********************
FOOTER STYLES
*********************/
.inner-footer.locationData{
  border-top:10px solid var(--light-grey);
  padding-top:2.8em;
}
.inner-footer.newsletter{
  border-top:10px solid var(--light-grey);
  padding-top:2.8em;
}
.inner-footer{
  padding: 1.5em 0;
}
.inner-footer.nav{
  background:#262626;
  background:var(--off-black);
}
.footer .add-this .grid-container{
  text-align: right;
}
.footer .socials{
  background:#E7E9EA;
  background:var(--light-grey);
}
.social-media-title{
  text-align: center;
}
.footer .newsletter{
  padding:1.8em 0;
}
.newsletter h4, .newsletter #mc_embed_signup{
  display: inline-block;
}
.footer .logo{
  max-width:250px;
}
.locationData .grid-x{
  justify-content: flex-end;
}
.footer .textwidget{
  margin-bottom:0.5em;
}
.locationData h4{
  text-transform: uppercase;
}
.SI_credit p{
  margin:0.5em 0 1em 0;
}
.nav #menu-footer-links > li{
  margin-bottom:1em;
}
.nav #menu-footer-links > li a{
  font-weight:300;
}
.nav #menu-footer-links > li > a{
  font-weight: 400;
}
.footer .menu .active a{
  background:transparent;
  color:#fff;
}
.footer .menu a:hover, .footer .menu a:focus{
  background:#fff;
  color: #000;
}
.footer .legals{
  margin-top:5em;
}
.footer .legals .cell + .cell{
  margin-top:1em;
}
.footer .legals p{
  color:#fff;
  font-size: 0.9em;
  font-weight:400;
}
.textwidget p{
  margin-bottom:0;
}
.textwidget p + p{
  margin-bottom:1em;
}
#cookie-law-info-again {
    position:absolute !important;
    right: 20px !important;
}
.sharing-btns {
  text-align:right;
}
.sharing-btns .icon-sm {
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  padding-top: 8px;
  margin-left:10px;
}
.sharing-btns .icon-sm:hover {
  opacity:0.8;
}
.sharing-btns .icon-sm i {
  color: #ffffff;
  font-size: 20px;
}
.sharing-btns .icon-sm.swht-facebook {
  background-color:rgb(59, 89, 152);
}
.sharing-btns .icon-sm.swht-twitter {
  background-color:rgb(29, 161, 242);
}
.sharing-btns .icon-sm.swht-email {
  background-color:rgb(132, 132, 132);
}
.sharing-btns .icon-sm.swht-whatsapp {
  background-color:#22D365;
}
/*********************
IMAGE GALLERY STYLES
*********************/
#fancybox-title{
  font-size:1em;
}
.gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px; }

.gallery::before, .gallery::after {
  content: ' ';
  display: table; }

.gallery::after {
  clear: both; }

.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-1 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-2 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-3 > dl {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-3 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-4 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-5 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-6 > dl {
  width: 16.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-6 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-7 > dl {
  width: 14.28571%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-7 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-8 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
    float: right; }

.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.gallery dl:last-child:not(:first-child) {
  float: right; }



/*********************
++ MAPS
*********************/

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
/*********************
RELATED CONTENT STYLES
*********************/
.panel{
  position: relative;
  overflow: auto;
/*  max-width: 18em;*/
  margin-bottom:1em;

}
.panel > a{
  background-color:#003726;
  background-color:var(--header-two-bg);
  color:#fff;
  color:var(--header-two);
  display: block;
}
.panel a:hover h3 span, .panel a:focus h3 span{
  /*box-shadow: #ccc 0px 0 6px 0.1rem;*/
  /*filter: invert(100%);*/
  color:#fff;
  color:var(--header-two);
  background:#003726;
  background: var(--header-two-bg);
}
.panel a:hover div, .panel a:focus div{
  opacity:0.5;
}
.panel > a:hover:after, .panel > a:focus:after{
  content: "";
  background-image: url('/wp-content/themes/swht/assets/images/arrow@2x.png');
  height: 2em;
  display: inline-block;
  width: 2em;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top:2em;
  right:1em;
}
.panel.full .cta a{
  float: right;
}
.panel.full .thumb{
  height:10em;
  position: relative;
}

.panel .thumb{
  width:100%;
  height:100%;
  background-size: cover;
  background-repeat: no-repeat;
  height:10em;
  background-position: center;
}
.home .panel .thumb{
  height:16em;
}
.promoLink .grid-x{
  align-items: center;
}
.promoLink{
  background:#E7E9EA;
  background:var(--light-grey);
  padding: 0.5em 0;
}
.promoLink .pcontent, .promoLink .plink{
  padding-top:0.5em;
  padding-bottom:0.5em;
  text-align: center;
}
.promoLink .plink a.button{
  font-size:1.2rem;
  align-self: center;
  margin-bottom:0;
}
.promoLink .pcontent h3{
  align-self: center;
  margin-bottom:0;
  color:#262626;
  color:var(--off-black);
}
.panel h3{
  position: absolute;
  bottom: 0;
  left: 0;

  margin: 0;

}
.panel h3 span{
  background: white;
  text-transform: uppercase;
  color: black;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.2em 0.3em;
  display: inline-block;
  margin: 0;
  float: left;
}

.panel h3 span:nth-child(2){
  padding-left:0;
}

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }
.title-bar{
  background:#66727f;
  background:var(--dark-grey);
  padding:0.1rem;
}
.title-bar-title{
  margin-left: auto;
}

/*Multisite menu*/
#multisiteMenu{
  color:#000;
  display: none;
}
.multisiteNav{
  justify-content: flex-end;
}
.multisiteNav #multilogo{
    width:130px;
    margin-bottom:0.5em;
/*    position: absolute;*/
}
#multilogo.toggled{
  position: relative;
}
.multisiteNav #multilogo img{
    max-width:100%;
}
.multisiteNav #multilogo div{
/*  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
    width:100%;*/
/*  height: 8em;*/
}

.menu.multinav{
  width:82%;
}
.multiNavToggle{
  display: block;
  background: #ffd602;
  padding: 0.2em;
  text-align: center;
  color: #003726;
  font-weight: 600;
}
.multiNavToggle:hover, .multiNavToggle:focus, .multiNavToggle:active{
  background:#003726;
  color:#ffd602;
}
.off-canvas{
  background: #003726;
}
.position-right.is-transition-push{
  box-shadow: none;
}
/******************
BUrger icon styles
*******************/
/*Snazzy burger cross - these styles are for joints theme, adapt for own use. */

/*Override defaults*/
.menu-icon:before, .menu-icon:after{
   box-shadow:none;
}
.menu-icon:hover:after {
    background: #fff;
    box-shadow: none;
}
/*Do new burger*/
.menu-icon:before {
    top: -8px;
}
.menu-icon:after {
    top: 8px;
}
.menu-icon:before, .menu-icon:after {
    position: absolute;
    content: "";
}
.menu-icon{
      display: block;
    width: 25px;
    height: 3px;
    background-color: #fff;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.menu-icon, .menu-icon:before, .menu-icon:after {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #fff;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;

}
.is-open-right .menu-icon{
  background:transparent;
}
.is-open-right .menu-icon:before {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}
.is-open-right .menu-icon:after {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none; }
  .sidebar{
    margin-bottom:1rem;
  }
.sidebar .widget{
  background: var(--light-grey);
  padding: .3em .8em 1em;
}
@media screen and (max-width:40em){
  .schools-visit .widget + .widget{
    margin-top:1rem;
  }
}
.widget ul {
  margin: 0; }
.widget_recent_entries li{
 /* list-style-type: disc;*/
  padding-top: .5em;
  border-top: 1px solid white;
  margin-bottom: .5em;
}
.tabs{
  margin-bottom:1rem;
}
.accordion-content{
  font-size:1rem;
}
.tabs-title>a, .accordion-title {
    font-size:1rem;
    color: var(--link);
}
.tabs-title a:hover,
.tabs-title.is-active a,
.accordion-item.is-active a,
.accordion-item a:hover,
.workshops .catFilter_list .accordion-item,
.workshops .catFilter_list .accordion-title{
  background: var(--dark-grey);
  color: #fff;
}
.accordion-title::before{
      font-size: 2rem;
    line-height: .7;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
  margin: 20px; }

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/*# sourceMappingURL=style.css.map */
/*slider*/
#n2-ss-2-align{
  clear:both;
  margin:20px;
}

div#n2-ss-2 .n2-ss-control-bullet{
  background: #66727F;
  visibility:visible!important;
  padding: 0.2em;
}
/*********************
MEDIA QUERIES
*********************/
    .menu.vertical.subnav{
      background:#E7E9EA;
      background:var(--light-grey);
      color:#fff;
    }
    .accordion-menu .is-accordion-submenu a{
      color:#66727f;
    color:var(--dark-grey);
    }
      .accordion-menu.vertical a:hover, .accordion-menu.vertical .active > a, .is-accordion-submenu-parent[aria-expanded="true"] > a{
      background:#262626;
      background:var(--off-black);
      color: #fff;
      color:var(--white);
    }
    .off-canvas .close{
      background:#FFD602;
      background:var(--main-site-yellow);
      color:#003726;
      color:var(--main-site-green);
    }
    .off-canvas p{
      color: #fff;
      color: var(--white);
      padding: 1em;
      border-bottom: 1px solid white;
      font-weight: 400;

    }
@media print, screen and (max-width: 40em) {
  .menu.vertical{
     /* border-top:1px solid #fff;
      border-top:1px solid var(--white);*/
  }
    .dropdown.menu.vertical>li .is-dropdown-submenu{
      position: relative;

    }
  }
@media print, screen and (min-width: 40em) and (max-width:50em;) {
  .article-header .pageIntro p{
    padding:0.5em 1em;
    margin:0;
  }
}
@media print, screen and (min-width: 50em) and (max-width:62em) {
  .article-header .pageIntro p{
    font-size:1.6em;
  }
}
@media print, screen and (min-width: 62em) {
  .article-header .pageIntro p{
    font-size:1.8em;
    padding:1em 2em;
    margin:0;
  }
}

.workshops .catFilter_list{
  background:transparent;
}
.workshops .catFilter_list li{
  width:100%;
  float: left;
  margin-top:1em;
}
.workshops .catFilter_list  .accordion-content{
  background:var(--light-grey);
}
@media print, screen and (min-width: 40em) {
    .workshops .catFilter_list ul{
    width:100%;
  }
  .workshops .catFilter_list li{
    width:48%;
  }
  .article-header h2{
    font-size:2.1em;
  }
  h2{
    font-size:2.1em;
  }
  h3{
    font-size: 1.8em;
  }
  h4{
    font-size: 1.6em;
  }
  .footer .newsletter{
    padding:2.3em 0;
  }
  .newsletter h4,   .newsletter input{
    margin-bottom:0;
    vertical-align: middle;
  }
  .newsletter h4 + div{
    margin-left:1em;

  }
  .nav #menu-footer-links > li{
    width:33%;
    margin-bottom:0;
  }
  .entry-content p{
    font-size: 1.16em;
  }
  .title-bar-title  {
    display: none;
  }
  .search-form{
    position: absolute;
    right: 0;
    background:#66727f;
    background:var(--dark-grey);
    padding: 1em 2em;
    margin: 0;
    margin-top: 0.3em;
    display: none;
    z-index: 2;
  }
   .toggled{
      display: block!important;
    }
  .fa-search{
    color:#fff;
    font-size: 1.5em;
    margin: 0 1em;
  }
    .search-form input{
      margin:0;
    }
  .entry-content .search-form{
    display: block;
    position: relative;
    background: transparent;
  }
  .entry-content .search-form .search-field{
    width: 20em;
  }
  .taglist h4, .catFilter_list h4{
    float: left;
    margin-right:0.5em;
  }
  .panel .taglist h4{
    float:none;
  }


  /*Navigation*/
  /* mobile nav*/

  .dropdown.menu.medium-horizontal>li >a{
    line-height:1.2;

    border-right: 1px solid #fff;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent.opens-right > a{
        padding: .7rem 2.2rem 0.7rem 1.4rem;
  }
   .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a{
    padding: .7rem 1.4rem;
   }
.dropdown.menu.vertical>li.opens-right>a::after{
  border-color:#fff transparent transparent;
  right:0.8em;
}
.dropdown.menu.vertical>li.opens-right>a:hover::after, .dropdown.menu.vertical>li.opens-right.active>a:after{
  border-color:#66727f transparent transparent;
  border-color:var(--dark-grey) transparent transparent;
}
 .dropdown.menu>li > .is-dropdown-submenu{

    width: calc(100% + 4.5em);
    background:#fff;
  }
    .dropdown.menu > li.is-active > .is-dropdown-submenu{
      -webkit-box-shadow: 0px 31px 20px -30px rgba(150,150,150,1);
      -moz-box-shadow: 0px 31px 20px -30px rgba(150,150,150,1);
      box-shadow: 0px 31px 20px -30px rgba(150,150,150,1);
      border:0;
   }

   .dropdown.menu>li.is-active > .is-dropdown-submenu>li{
       width:33%;
       /*display: inline-flex;
       flex-grow:1;*/
       float:left;
       display: inline-block;


   }


/*  .dropdown.menu > li.is-active.is-dropdown-submenu-parent a{
    font-weight:700;
   }
   .dropdown.menu > li.is-active.is-dropdown-submenu-parent > .is-dropdown-submenu-item ul a{
        font-weight:400;
      }*/
      .first-sub li.is-dropdown-submenu-parent > a{
         font-weight:400;
      }
/*      .first-sub li ul a{
        font-weight:300;
      }*/
      .dropdown .is-dropdown-submenu a{
        color:black;
        font-weight:300;
     }
     .dropdown .is-dropdown-submenu a:hover, .dropdown .is-dropdown-submenu a:active, .dropdown.menu .is-active .is-active > a{
        color:#006BB1;
        color:var(--hover);
        background:transparent;
      }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after{
    display: none;
  }
.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{
    display:block!important;

  }
  .is-dropdown-submenu-parent {
      position: static; /* This works for IE */
      /*position: initial;*/
  }
.is-dropdown-submenu.js-dropdown-active .is-dropdown-submenu{
  display:block!important;
  position: relative;
  left: 0;
  border: 0;
}
  .callout{
    margin-right: 20%;
    font-size:1rem;
  }
  .entry-content .callout img{
   width:45%;
   float: right;
   margin-left: 1em;
  }
  .entry-content .callout p{
    float: left;
    width: 45%;
  }
  .entry-content .alignleft, .entry-content img.alignleft {
      margin-right: 1em;
      margin-bottom:1em;
      display: inline;
      float: left;
      width:auto;}

    .entry-content .alignright, .entry-content img.alignright {
      margin-left: 1em;
      margin-bottom:1em;
      display: inline;
      float: right;
      width:auto;
    }
  .entry-content .alignleft, .entry-content img.alignleft,
  .entry-content .alignright, .entry-content img.alignright {
    max-width:50%;
   }

  h1{
    font-size: 2.1em;
  }
   .article-header .thumb h2{
     font-size: 2.1em;
   }
  .article-header .thumb h2{
    right:0;
  }
  .article-header .nothumb h2{
    right:auto;
    left:0;
  }
  .nothumb .page-title{
    margin-right:-.9375rem;
  }
  .article-header div.thumb{
    height:280px;
    min-height:280px;
  }
  .article-header div.thumb:after{
    content: "";
    background:url(/wp-content/themes/swht/assets/images/thumb-mask.png) no-repeat center right;
    background-size: contain;
    display: block;
    width:65px;
    height: 100%;
    position: absolute;
    right: 0;

  }
  .article-header{
    position: relative;
    min-height: 290px;
  }
  .article-header div.thumb{
    position: absolute;
    height:100%;
    top:0;
  }
}

@media print, screen and (min-width: 64em) {

  .callout{
    margin-right: 20%;
    margin-left:10%;
  }

  .entry-content.grid-container {
    max-width: 62rem;
  }
  .entry-content p{
    font-size: 1.3em;
  }

}
@media print{

  .article-header .thumb .page-title, .article-header .pageIntro p, .entry-content, .cell{
    position: relative;
    display: block;
    width:100%;
    margin:auto;
  }
  .accessibility, .multisite, .title-bar, .top-bar, .inner-footer:not(.locationData), .breadcrumbs, .spacemaker, #cookie-law-info-again, #top-bar-menu, .related_strip, .post-edit-link{
    display: none;
    position: absolute;
    height:0;
    width:0;
  }
  h2{
    margin-top:auto;
  }
  .page-title span, .page-title{
    display:inline!important;
    float: none!important;
  }
  .article-header, .article-header div.thumb{
    height:auto;
/*    min-height:1px;*/
    align-items:initial;
  }
  .article-header .pageIntro{
    margin:auto;
    display: block;
    width:100%;
    clear:left;
    align-self:initial;
  }
}
.slider-banner{
	background-color: #FFD602;
	padding: 0.8em 1em 0.9em;
}
.slider-banner p{
	text-align: center;
	margin: 0;
	color: #003726;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.slider-banner p a{
	color: #003726;
	margin-left: 6em;
}
.slider-banner p a::after{
	content: '';
	display: inline-block;
	background-image: url(/wp-content/themes/swht/assets/images/arrow-dark@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 1em;
	height: 0.8em;
	margin-left: 0.8em;
}
.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}
#home-events-slider .glide__slides{
	margin: 0;
}
#home-events-slider .slide-bg{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-shadow: inset 0 0.5em 0 rgba(0,0,0,0.2);
}
#home-events-slider .slide-info{
	margin: 10em auto;
	width: 50%;
	max-width: 40em;
	background-color: #fff;
	padding: 3em 4em 0;
	overflow: hidden;
	cursor: default;
}
#home-events-slider .slide-info p{
	font-size: 1.4em;
}
#home-events-slider p.slide-location{
	color: #003726;
}
#home-events-slider p.slide-title{
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#home-events-slider p.slide-title a{
	color: inherit;
	display: block;
}
#home-events-slider .glide__arrows{
	position: absolute;
	top: 35%;
	right: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
}
#home-events-slider .glide__arrows button{
	pointer-events: all;
}
#home-events-slider .slide-banner{
	background-color: #FFD602;
	overflow: hidden;
}
#home-events-slider .slide-date-holder{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#home-events-slider .slide-date-holder a:hover{
	opacity: 0.5;
}
#home-events-slider .slide-date-holder > div:first-child{
	padding-right: 1em;
}
#home-events-slider .slide-date-holder p{
	font-weight: bold;
	margin-bottom: 0.5em;
}
#home-events-slider .slide-date-holder p:last-child{
	margin-bottom: 0;
}
#home-events-slider .slide-text{
	margin-top: 2em;
	font-size: 0.9em;
}
#home-events-slider .slide-date-holder a img{
	max-width: 42px;
}
#home-events-slider .glide__arrow{
	background-color: rgba(0,0,0,0.5);
	padding: 1em;
	border-radius: 100%;
}
#home-events-slider .glide__arrow img{
	max-width: 42px;
}
#home-events-slider .glide__arrow--left{
	margin-left: 2em;
}
#home-events-slider .glide__arrow--right{
	margin-right: 2em;
}
#home-events-slider .glide__arrow--left img{
	transform: rotate(180deg);
}
#home-events-slider .glide__bullets{
	background-color: #fff;
}
#home-events-slider .glide__bullets div{
	align-self: start;
}
#home-events-slider .glide__bullet{
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	word-wrap: break-word;
	word-wrap: break-word;
	white-space: -webkit-pre-wrap;
	margin: 2em 2em 0;
	padding: 0.5em 1em;
	text-align: left;
	line-height: 1.5;
	color: #222;
	background-color: #fff;
}
#home-events-slider .glide__bullet--active .glide__bullet{
	background-color: #efefef;
	box-shadow: 0 0.2em 0 rgba(0,0,0,0.15);
}
#home-events-slider .glide__track{
	cursor: grab;
}
#home-events-slider .glide__bullets{
	position: relative;
}
#home-events-slider .glide__bullets::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 25px 25px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -25px;
	left: calc(50% - 25px);
}
#popup-msg{
	font-size: 1.2em;
	padding: 1.5em;
}
#popup-msg .close-button{
	font-size: 1em;
	color: #fff;
}
#wpfront-notification-bar div.wpfront-close{
	top: 8px;
	right: 8px;
	font-size: 1.2em !important;
}
#wpfront-notification-bar td{
	padding: 0.5em 1.5em !important;
}
.faq-list .accordion-item > a,
.faq-list .accordion-item.is-active > a,
.faq-list .accordion-item > a:hover,
.faq-list .accordion-item > a:focus{
	background-color: var(--header-one-bg);
	border: none !important;
}
.faq-list .accordion-title p{
	display: flex;
	align-items: center;
	margin: 0;
	font-size: 1.6em;
}
.faq-list .accordion-title p{
	color: var(--header-one);
	font-weight: 600;
}
.faq-list .accordion-title p i{
	font-size: 1.2em;
	transition: transform 0.2s ease;
}
.faq-list .is-active .accordion-title p i{
	transform: rotate(180deg);
}
.faq-list a:hover,
.faq-list a:focus{
	opacity: 0.8;
}
.faq-list{
	margin: 4em 0;
}
.faq-list{
	margin: 4em 0 4em;
}
.faq-list .accordion-item{
	border: none;
	margin: 0 0 2em;
}
/* .faq-list .accordion-item:first-child{
	border-top: 0.2em solid var(--header-one-bg);
} */
.faq-list .accordion-title::before {
	content: none;
}
.faq-list .accordion-content,
.faq-list :last-child > .accordion-content:last-child{
	border: none;
	margin-bottom: 2em;
}
.faq-list .accordion-content ul{
	margin-top: 2em;
}
.faq-list .accordion-content a{
	color: inherit;
	background-color: inherit;
	text-decoration: underline;
}
.faq-list .accordion-title{
	padding: 3em 3em;
	border: none;
	line-height: 1.2;
}
.faq-list .accordion-title:hover{
	text-decoration: none;
}

[data-exhibitions] .exhibitions-section{
	margin: 3em 0;
	color: #222;
}
[data-exhibitions][data-level='2'] .exhibitions-section{
	margin: 0;
}
[data-exhibitions][data-level='2'] .exhibitions-content{
	margin-top: 0;
}
[data-exhibitions] #breadcrumbs{
	display: none;
}
[data-exhibitions] .exhibitions-content h2{
	font-weight: 800;
	color: inherit;
	text-transform: uppercase;
}
[data-exhibitions][data-level='2'] header.article-header,
[data-exhibitions][data-level='3'] header.article-header{
	display: none;
}
[data-exhibitions] .exhibition-subnav,
[data-exhibitions] .exhibition-subnav nav{
	background-color: #E7E9EA;
}
[data-exhibitions] .exhibition-subnav ul{
	margin: 0;
	display: flex;
	list-style-type: none;
	padding: 1em 0.2em;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
[data-exhibitions].is-reveal-open .exhibition-subnav ul{
	overflow-x: hidden;
}
[data-exhibitions] .exhibition-subnav ul::-webkit-scrollbar {
  display: none;
}
[data-exhibitions] .exhibition-subnav li{
	border-left: 0.1em solid #111;
	line-height: 1.2;
	display: flex;
	/* align-items: center; */
	font-size: 0.8em;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
[data-exhibitions] .exhibition-subnav li.start{
	border-left-color: transparent;
}
[data-exhibitions] .exhibition-subnav li:first-child{
	/* padding-left: 1em; */
	border-left: none;
}
[data-exhibitions] .exhibition-subnav li:last-child{
	border-right: none;
}
[data-exhibitions] .exhibition-subnav a{
	display: block;
	padding: 0.2em 0.8em;
	color: #555;
}
[data-exhibitions] .exhibition-subnav .here a{
	font-weight: bold;
	color: #111;
}
[data-exhibitions] a:not([href]){
	cursor: default;
}
[data-exhibitions] .exhibition-subnav.is-stuck nav{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10;
}
[data-exhibitions].admin-bar .exhibition-subnav.is-stuck nav{
	top: 0;
}
[data-exhibitions] .exhibitions-content{
	font-size: 1.2em;
}
[data-exhibitions] div.fancybox-bg{
	background-color: rgba(0,0,0,0.75) !important;
}

[data-exhibitions] .hotspot-gallery{
	margin: 3em 0;
	padding: 2em 3%;
	background-color: #585955;
	color: #fff;
}
[data-exhibitions] .hotspot-gallery .gallery-grid{
	margin: 1em 0;
}
[data-exhibitions] .hotspot-gallery .h3{
	text-align: center;
	margin: 1em 0 2em;
	text-transform: uppercase;
}
[data-exhibitions] .hotspot-gallery li{
	list-style-type: none;
}
[data-exhibitions] .hotspot-gallery button{
	color: #fff;
	background-color: transparent;
	text-transform: none;
	padding: 0.5em;
	text-align: left;
	max-width: 100%;
}
[data-exhibitions] .hotspot-gallery figcaption {
	font-weight: 300;
	line-height: 1.3;
	margin: 1em 0;
	font-size: 0.8em;
	color: #fff;
}
[data-exhibitions] .hotspot-gallery figure {
	position: relative;
}
[data-exhibitions] .hotspot-gallery figure::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.3em;
	height: 1.3em;
	background-image: url('/wp-content/themes/swht/assets/images/fullscreen@2x.png');
	background-repeat: no-repeat;
	background-size: cover;
}
[data-exhibitions] .hotspot-modal{
	overflow: hidden;
}
[data-exhibitions] .hotspot-modal figure{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
[data-exhibitions] .hotspot-modal .iv-image-mode{
	width: 100%;
	height: 100%;
}
[data-exhibitions] .hotspot-modal figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.55);
	color: #fff;
	padding: 2em 10%;
	transition: opacity 0.2s ease;
	font-size: 0.7em;
}
[data-exhibitions] .hotspot-modal figcaption span{
	font-weight: 300;
}
[data-exhibitions] .tooltip-shown figcaption{
	opacity: 0;
}
[data-exhibitions] .hotspot-modal .toggle{
	position: absolute;
	right: 0;
	top: 45%;
	background-color: #fff;
	padding: 1em 1em;
	font-size: 0.9em;
}
[data-exhibitions] .hotspot-modal .toggle input:checked ~ .switch-paddle,
[data-exhibitions] .hotspot-modal .toggle .button-group.primary .button{
	background: #12868a;
}
[data-exhibitions] .hotspot-modal .toggle span > .fas{
	color: #12868a;
}
[data-exhibitions] .hotspot-modal .toggle span{
	margin-bottom: 0.3em;
}
[data-exhibitions] .hotspot-modal .toggle .button-group{
	margin: 0;
}
[data-exhibitions] .hotspot-modal .toggle .switch{
	margin: 0;
}
[data-exhibitions] .hotspot-modal .switch-paddle{
	border-radius: 2em;
}
[data-exhibitions] .hotspot-modal .switch-paddle::after{
	border-radius: 2em;
}
[data-exhibitions] .hotspot-modal .zoom button:first-child{
	border-radius: 2em 0 0 2em;
}
[data-exhibitions] .hotspot-modal .zoom button:last-child{
	border-radius: 0 2em 2em 0 ;
}
[data-exhibitions] .hotspot-modal .toggle button{
	display: block;
}
[data-exhibitions] .hotspot-modal .toggle button::after{
	content: none;
}
[data-exhibitions] .hotspot-modal .toggle .fa-search{
	color: unset;
	font-size: unset;
	margin: unset;
}
[data-exhibitions] .hotspot-modal .iv-image-wrap.disabled{
	pointer-events: none;
}
[data-exhibitions] .hotspots{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
[data-exhibitions] .hotspots button{
	position: absolute;
	width: 2rem;
	height: 2rem;
	background-color: #fff;
	padding: 0;
	border-radius: 2em;
	box-shadow: 0 0.4em 1.6em rgba(0, 0, 0, 0.8), 0 0.1em 0.4em 0.3em rgba(0,0,0,0.3), 0 0 0 0.3em rgba(0,0,0,0.8);
}
[data-exhibitions] .exhibition-listing-item{
	margin: 0;
}
[data-exhibitions] .exhibition-listing-item a:not(.backlink),
.narrative-header-bg{
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	display: block;
	padding: 10em 2em;
	color: inherit;
	position: relative;
}
[data-exhibitions] .exhibition-listing-item a:focus{
	opacity: 0.8;
}
[data-exhibitions] .exhibition-listing-item.detail a:not(.backlink){
	padding: 5em 2em;
}
[data-exhibitions] .exhibition-listing-item.detail .backlink{
	position: absolute;
	bottom: 1.5em;
	left: 1.8em;
	color: #fff;
	padding: 0 0 0 2em;
}
[data-exhibitions] .exhibition-listing-item.detail .backlink::before{
	content: '';
	background-image: url(/wp-content/themes/swht/assets/images/larr@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 1.2em;
	width: 1em;
	display: inline-block;
	margin-right: 1.5em;
	vertical-align: sub;
}
[data-exhibitions] .exhibition-listing-item.landing:not(.narrative-header){
	padding: 0.5em 1em;
}
[data-exhibitions] .exhibition-listing-item.landing .text{
	background-color: rgba(255,255,255,0.8);
	color: #111;
	padding: 2em 3em;
}
[data-exhibitions] .exhibition-listing-item.detail{
	margin: 0;
	position: relative;
}
[data-exhibitions] .exhibition-listing-item.detail:first-child a > .grid-x::after{
	content: '';
	display: block;
	background-image: url(/wp-content/themes/swht/assets/images/darr@2x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 1.5em;
	width: 100%;
	margin: 3em 0;
	position: relative;
	top: 2em;
}
[data-exhibitions] .exhibition-listing-item.detail:first-child .text::after{
	content: none;
}
[data-exhibitions] .exhibition-listing-item.detail .text::after{
	content: 'Explore section';
	display: inline-block;
	background-color: #050505;
	color: #fff;
	padding: 1em 1.2em;
	margin-top: 3em;
}
[data-exhibitions] [data-colour=dark] .exhibition-listing-item.detail .text::after{
	background-color: #fff;
	color: #050505;
}
[data-exhibitions] .exhibition-listing-item.detail .text{
	color: #fff;
}
[data-exhibitions] .exhibition-listing-item .text p{
	margin: 0;
}
[data-exhibitions] .exhibition-listing-item .text .h4{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
[data-exhibitions] .exhibition-listing-item.detail .text .h4{
	font-size: 1.4em;
}
[data-exhibitions] .exhibition-listing-item.detail > a:first-child::before{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 25%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 25%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 25%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 );
}
[data-exhibitions] [data-colour=light] .exhibition-listing-item.detail:not(:first-child) > a:first-child::before{
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=1 );
}
[data-exhibitions] .exhibition-listing-item.detail > a.on-right:first-child::before{
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 75%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 75%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 );
}
[data-exhibitions] [data-colour=light] .exhibition-listing-item.detail:not(:first-child) > a.on-right:first-child::before{
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0.8) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0.8) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=1 );
}
[data-exhibitions] [data-colour=light] .exhibition-listing-item.detail:not(:first-child) .text{
	color: #000;
}
[data-exhibitions] p{
	font-weight: 400;
}
[data-exhibitions] .exhibition-listing-item.detail .text{
	position: relative;
	z-index: 1;
}
[data-exhibitions] .exhibition-listing-item .rarr{
	background-image: url(/wp-content/themes/swht/assets/images/rarr@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	height: 3em;
	display: block;
}
[data-exhibitions] .close-button{
	padding: 0.2em 0.5em;
	background-color: rgba(255,255,255,0.5);
	color: #111;
	top: 0;
	right: 0;
}
[data-exhibitions] .hotspot-item{
	padding: 2em 3em 1em;
	border: 0.2em solid #111;
}
[data-exhibitions] .hotspot-item img{
	margin-bottom: 2em;
}
[data-exhibitions] .reveal.hotspot-modal {
	background-color: #777;
	top: 0 !important;
	padding: 0;
}
/* body.is-reveal-open{
	position: static !important;
} */
[data-exhibitions].is-reveal-open  .off-canvas-wrapper{
	position: relative !important;
}
[data-exhibitions].admin-bar .reveal.hotspot-modal {
	top: 46px !important;
	bottom: 0;
	height: auto;
	min-height: unset;
	padding: 0;
}

[data-heritage-online] .discover-grid-item{
	margin-bottom: 0.5em;
}
[data-heritage-online] .discover-grid-item a {
	display: flex;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	height: 100%;
	flex-direction: column;
	justify-content: flex-end;
}
[data-heritage-online] .discover-grid-item .text{
	margin-top: 20em;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	padding: 2em 2.5em;
}
[data-heritage-online] .discover-grid-item .h4{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
[data-heritage-online] .btn{
	display: inline-block;
	background-color: #fff;
	color: #050505;
	padding: 1em 1.2em;
	margin-top: 1em;
}
[data-heritage-online] .btn::after{
	content: '';
	background-image: url(../images/arrow-dark@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 1em;
	vertical-align: sub;
}
[data-heritage-online] .discover-list-item{
	margin: 4em 0;
}
[data-heritage-online] .discover-list-item .image{
	background-size: cover;
	background-position: center;
}
[data-heritage-online] .discover-list-item .text{
	background-color: #003827;
	color: #fff;
	padding: 8em 2.5em;
}
[data-heritage-online] .discover-list-item .h4{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
[data-exhibitions=portal] .content{
	font-size: 1.2em;
}
[data-exhibitions=portal] p{
	font-weight: 300;
}
.disco-back{
	color: #222;
	margin: 0 2em 1em;
	position: relative;
	top: -1em;
	font-weight: bold;
}
.disco-back::before{
	content: '';
	background-image: url(../images/arrow-dark@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 1em;
	transform: rotate(180deg);
	vertical-align: sub;
}
[data-heritage-online] p.credits{
	margin: 4em 0;
}
.entry-content .wpcf7-form{
	padding: 1em 1.5em;
	margin: 2em 0;
	background-color: #eee;
}
.submenu ul{
	margin: 1em 0 2em;
	list-style-type: none;
}
.submenu li{
	padding-right: 0.1em;
	padding-bottom: 0.1em;
}
.submenu li a{
	font-size: 0.8em;
	background-color: #e8e9eb;
	color: #176E72;
	display: block;
	padding: 0.8em 1.2em;
}
.submenu li.active a{
	background-color: #667280;
	color: #f2f3f4;
}
.header .donate-button{
	padding: 0.3em 0.5em;
	font-size: 1.2em;
	margin: 0.45em 0.5em;
	border: 0.2em solid;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.2;
}

.visit-buttons img{
	width: 1em;
	margin-bottom: 0.2em;
}
.visit-buttons .book-button{
	padding: 0.5em 0.8em;
	font-size: 1.2em;
	margin: 0.45em 0.5em;
	border: 0.2em solid;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.2;
	background-color: var(--link);
	color: #fff;
	text-transform: unset;
	letter-spacing: unset;
}
.visit-buttons .whatson-button{
	padding: 0.5em 0.8em;
	font-size: 1.2em;
	margin: 0.45em 0.5em;
	border: 0.2em solid;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.2;
	background-color: #0a0a0a;
	color: #fff;
	text-transform: unset;
	letter-spacing: unset;
}


/* .resource-modal{
	margin: 3em 0;
	padding: 2em 3%;
	background-color: #585955;
	color: #fff;
} */
.resource-modal .gallery-grid{
	margin: 1em 0;
}
.resource-modal .h3{
	text-align: center;
	margin: 1em 0 2em;
	text-transform: uppercase;
}
.resource-image button{
	color: #fff;
	background-color: transparent;
	text-transform: none;
	padding: 0.5em;
	text-align: left;
	max-width: 100%;
}
.resource-image figcaption {
	font-weight: 300;
	line-height: 1.3;
	margin: 1em 0;
	font-size: 0.8em;
	color: #fff;
}
.resource-image figure {
	position: relative;
	width: 100%;
	height: 100%;
}
.resource-image figure::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.3em;
	height: 1.3em;
	background-image: url('/wp-content/themes/swht/assets/images/fullscreen@2x.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.resource-modal{
	overflow: hidden;
}
.resource-modal figure{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.resource-modal .iv-image-mode{
	width: 100%;
	height: 100%;
}
.resource-modal figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.55);
	color: #fff;
	padding: 2em 10%;
	transition: opacity 0.2s ease;
	font-size: 0.7em;
}
.resource-modal figcaption span{
	font-weight: 300;
}
.resource-modal .tooltip-shown figcaption{
	opacity: 0;
}
.resource-modal .toggle{
	position: absolute;
	right: 0;
	top: 45%;
	background-color: #fff;
	padding: 1em 1em;
	font-size: 0.9em;
}
.resource-modal .toggle input:checked ~ .switch-paddle,
.resource-modal .toggle .button-group.primary .button{
	background: #12868a;
}
.resource-modal .toggle span > .fas{
	color: #12868a;
}
.resource-modal .toggle span{
	margin-bottom: 0.3em;
}
.resource-modal .toggle .button-group{
	margin: 0;
}
.resource-modal .toggle .switch{
	margin: 0;
}
.resource-modal .switch-paddle{
	border-radius: 2em;
}
.resource-modal .switch-paddle::after{
	border-radius: 2em;
}
.resource-modal .zoom button:first-child{
	border-radius: 2em 0 0 2em;
}
.resource-modal .zoom button:last-child{
	border-radius: 0 2em 2em 0 ;
}
.resource-modal .toggle button{
	display: block;
}
.resource-modal .toggle button::after{
	content: none;
}
.resource-modal .toggle .fa-search{
	color: unset;
	font-size: unset;
	margin: unset;
}
.resource-modal .iv-image-wrap.disabled{
	pointer-events: none;
}
body.single-cpt-resources .reveal.resource-modal {
	background-color: #777;
	top: 0 !important;
	padding: 0;
}
/* body.is-reveal-open{
	position: static !important;
} */
body.single-cpt-resources.is-reveal-open  .off-canvas-wrapper{
	position: relative !important;
}
body.single-cpt-resources.admin-bar .reveal.resource-modal {
	top: 46px !important;
	bottom: 0;
	height: auto;
	min-height: unset;
	padding: 0;
}
body.single-cpt-resources .close-button{
	padding: 0.2em 0.5em;
	background-color: rgba(255,255,255,0.5);
	color: #111;
	top: 0;
	right: 0;
}
.resource-themes .theme-contents{
	display: flex;
	flex-direction: column;
}
.resource-themes .theme-contents p{
	order: 2;
}
[data-tpl=page-resouces-themes] .related_strip hr{
	display: none;
}

/**
 * narrative
 */

.narrative-block{
  padding:5rem 5vw;
}

/*.narrative-block:nth-child(2n-1){
  background-color:#e9e5e0;
}

.narrative-block.has-media:not(.has-text){
  background-color:#5a5d60;
}*/

.narrative-header-caption{
  padding:1.5rem;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  max-width:50rem;
  top:0rem;
  right:0rem;
  position: absolute;
  font-size:1rem;
}

.narrtaive-images-container{
  width:100%;
  text-align:center;
  height:100%;
}

.narrative-img{
  display: inline-block;
  margin:0 2.5rem;
  position: relative;
  height:100%;
}

.narrative-block.has-text .narrative-img img{
    max-height:50vh;
}

.narrative-block:not(.has-text) .narrative-img img{
    max-height:90vh;
}

.narrative-img-inner{
  position: relative;
  display: inline-block;
  cursor:pointer;
}

.narrative-img-outer{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.narrative-img-inner:after{
  content: '\f065';
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  position: absolute;
  bottom:0;
  right:0;
  color: #fff;
  background-color: #153627;
  font-size: 1.2rem;
  line-height: 1em;
  padding: 0.1em;
}

.narrative-img figcaption{
  font-size: 1rem;
  padding-top: 1em;
  opacity: 0.75;
}

.narrative-text-container{
  display: flex;
  height: 100%;
  align-items: center;
}

.narrative-text :last-child{
  margin-bottom:0;
}

.narrative-text.lg-text p{
  font-size:1.5em;
  font-weight:bold;
}

.narrative-link{
  display: inline-block;
  font-size:2rem;
  margin-left:2.5rem;
  margin-right:2.5rem;
}

.narrative-links{
  text-align: center;
}

.narrative-img-modal-inner img{
  max-height:100vh;
}

.image-nav{
  position: absolute;
  top: 5rem;
  right:0;
}
.narrative-modal-img-nav{
  font-size: 2em;
  padding: 0.2em 0.5em;
  line-height: 1;
  display: block;
}

#nxtimg{
  right:0;
}

#previmg{
 background-color:#fff;
 color:#12868A;
}

.iv-container.shrunk{
  transform: scale(0.7);
  transform-origin: top center;
  margin-top:5vh;
}

/*.narrative-text h2{
  text-transform: none !important;
  font-size: 2rem !important;
}*/

@media screen and (max-width: 40em){
	#home-events-slider .slide-bg{
		min-height: initial;
	}
	#home-events-slider .glide__arrows{
		display: none;
	}
	#home-events-slider .slide-info{
		width: 80%;
	}
	#home-events-slider .slide-info{
		margin: 5em auto;
	}
	.slider-banner p{
		text-align: left;
		font-size: 1em;
	}
	.slider-banner p a{
		display: block;
		margin-left: 0;
		margin-top: 0.5em;
	}
	#home-events-slider .glide__bullets > div{
		width: 80%;
	}
	#home-events-slider .glide__bullets > div button{
		/* width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; */
	}
	[data-exhibitions] .exhibition-subnav{
		overflow-x: scroll;
	}
	[data-exhibitions] .exhibition-subnav ul{
		padding: 1em 1em 1em;
	}
	[data-exhibitions] .main .exhibition-listing-item.detail > a:first-child::before{
		background: rgba(0,0,0,0.8);
	}
	[data-exhibitions] .main [data-colour=light] .exhibition-listing-item.detail:not(:first-child) > a:first-child::before{
		background: rgba(255,255,255,0.8);
	}
	[data-heritage-online] .discover-list-item .image{
		height: 15em;
	}
	[data-heritage-online] .discover-list-item .text{
		padding: 4em 2.5em;
	}
	.header .accessibility{
		position: absolute;
		top: 1em;
		text-align: left;
	}
	.header .donate-button{
		margin-right: 1em;
	}
	.header .multisite{
		position: relative;
		right: 1em;
	}
	.not-multisite{
		position: relative;
	}
	.not-multisite .accessibility{
		top: unset;
		bottom: 1em;
		right: 1em;
		text-align: right;
	}
	.visit-buttons{
		font-size: 0.8em;
	}
}
@media screen and (min-width: 40em){
	#home-events-slider .glide__bullets{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#home-events-slider .glide__bullets > div{
		width: 33%;
	}
	#home-events-slider .glide__bullet{
		font-size: 1.2em;
	}
	[data-exhibitions] .exhibition-listing-item a{
		padding: 15em 2em;
	}
	[data-exhibitions] .exhibition-listing-item.detail a{
		padding: 10em 2em;
	}
	[data-exhibitions] .hotspot-item{
		padding: 3em 3em 1.5em;
	}
	[data-exhibitions] .hotspot-modal figcaption{
		font-size: 1em;
	}
	.resources-modal figcaption{
		font-size: 1em;
	}
	[data-exhibitions] .hotspots button{
		/* width: 1.5rem;
		height: 1.5rem;
		box-shadow: 0 0.4em 1.6em rgba(0, 0, 0, 0.8), 0 0.1em 0.4em 0.3em rgba(0,0,0,0.3), 0 0 0 0.2em rgba(0,0,0,0.7); */
	}
	.submenu li a{
		font-size: 1.1em;
	}
	.header .donate-button{
	  /* display: table; */
	}
	.multisite > div{
		height: 100%;
	}
}
@media screen and (min-width: 40em) and (max-width: 64em){
	.header .is-multisite .donate-button{
		position: relative;
		right: 1em;
	}
}
@media screen and (max-width: 64em){
	#home-events-slider .glide__bullets{
		font-size: 75%;
	}
	#home-events-slider .slide-info{
		width: 80%;
		font-size: 75%;
	}
	[data-exhibitions] .hotspot-modal .toggle,
	.resources-modal .toggle{
		display: flex;
		top: 0;
		left: 0;
		padding-bottom: 0;
	}
	[data-exhibitions] .hotspot-modal .toggle > div,
	.resources-modal .toggle > div{
		margin-right: 1.5em;
	}
	[data-exhibitions] .main{
		font-size: 0.8em;
	}
}
@media screen and (min-width: 64em){
	.slider-banner p{
		font-size: 1.6em;
	}
	[data-exhibitions].admin-bar .reveal.hotspot-modal,
	body.single-cpt-resources.admin-bar .reveal.resource-modal{
		top: 32px !important;
	}
	[data-exhibitions].admin-bar .exhibition-subnav.is-stuck nav{
		top: 32px;
	}
	[data-exhibitions] .exhibition-listing-item a{
		padding: 20em 2em;
	}
	[data-exhibitions] .exhibition-listing-item.detail a{
		padding: 10em 5em;
	}
	[data-exhibitions] .exhibition-listing-item.detail:first-child a > .grid-x::after{
		top: 5em;
	}
	/* [data-exhibitions] .close-button {
    padding: 0.6em 1em;
	} */
	[data-exhibitions] .exhibition-subnav ul{
		justify-content: center;
	}
	[data-exhibitions] .exhibition-subnav ul li{
		flex-shrink: 1;
	}
	[data-exhibitions] .hotspot-modal figcaption,
	.resource-modal figcaption{
		font-size: 1.2em;
	}
	/* [data-exhibitions] .hotspot-modal .toggle{
		font-size: 0.9em;
	} */
	.logo img.custom_logo{
	  margin: 0.2em 0;
	}
}
@media screen and (min-width: 80em){
	.visit-buttons{
		position: absolute;
		right: 0;
		width: 20em;
		text-align: right;
	}
}

.heartbeat{-webkit-animation:heartbeat 1s ease-in-out both;animation:heartbeat 1s ease-in-out both}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
.slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) 1s both}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}