/*
Theme Name: ALK
Theme URI: http://alk.org.uk
Description: WordPress theme built by <a href="http://www.hedleyenterprises.co.uk">hedley enterprises</a>. <strong>Web design</strong> starts with a coffee and a chat...
Version: 1
Author: <strong>hedley</strong> enterprises
Author URI: https://hedleyenterprises.co.uk

*/
body {
	font-size:12pt;
	font-family: 'Roboto', sans-serif;
	margin:0;
	padding:0;
	color: #404040;
	opacity: 0;
	animation: page-load 0.5s forwards 1s linear;
}
@keyframes page-load {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
p::selection, h1::selection, h2::selection, h3::selection { background-color: #320101; color: #fff;}
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection { background-color: #320101; color: #fff; }


/* -------------------- General Styles -------------------- */

.container {
	width: 1200px;
	margin: auto;
}
.container-wide {
	width: 95%;
	margin: auto;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.c {
	clear:both;
}
a {
	text-decoration: none;
}
h1, .bluelighthouse .lamp-intro h2, .places h2 {
	font-size: calc(1em + 1.3vw);
}
.greylighthouse h1 {
	font-size: calc(1em + 6vw);
	opacity: 0.5;
}
p, li {
	line-height:1.6em;
}
img {
	border-style: none;
}
.bold {
	font-weight: bold;
}
.center {
	text-align:center;
}
.absol {
	position:relative;
}
hr {
	width: 200px;
	border: solid 1px #C21E29;
}
.container-wide hr, .entry hr {
	margin: 60px auto;
}
.intro-bold {
	font-weight: bold;
}
.smallprint {
	font-size: 10pt;
}
.white-table {
    color: white;
    padding: 2em 0;
}
/* -------------------- Transitions -------------------- */
header, .button a, .main-links-image, .search-results, .donate a, .event-show-image, .links li, .links li a, .quick-inner-links, .lampmag-image img, .other-passport li, .volunteer, .faq-text, .alk-monthly-events, .audio-block {
	transition: all 0.5s ease-in-out;
}

/* -------------------- Padding and Margins -------------------- */

.drop {
	margin-top:60px;
}
.mboth {
	margin-top: 160px;
	margin-bottom: 160px;
}
.pboth {
	padding-top: 60px;
	padding-bottom: 60px;
}
.tdrop {
	padding-top: 260px;
	padding-bottom: 160px;
}
.tdropn {
	padding-top: 260px;
	padding-bottom: 20px;
}
.ptb {
	padding-top: 60px;
	padding-bottom: 10px;
}
.mt {
	margin-top: 160px;
}
.mb {
	margin-bottom: 160px;
}
.ml {
	margin-left: calc(2.5%);
}
.smt {
	margin-top: 160px;
	margin-bottom: 60px;
}
.alignright {
	float:right;
	padding-left: 20px;
	padding-bottom: 20px;
}
.alignleft {
	float:left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.split, .half {
	width: 48%;
}
.leftcol {
	width: 68%;
}
.rightcol {
	width: 28%;
}


/* -------------------- Unordered Lists -------------------- */
.fleft ul, .copyright-icons ul, .shop-links ul, .job ul, .link-buttons ul, .other-passport ul, .keepers ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.shop-links ul, .link-buttons ul, .keepers ul {
	display: flex;
}
.keepers ul {
	flex-wrap: wrap;
}
.greylighthouse ul.tabs {
	display: block;
}
.greylighthouse .tabs li a {
	border-bottom: none;
	padding: 0;
}
.greylighthouse .tabs li {
	text-align: left;
}
.link-buttons ul {
	width: 100%;
}
.keepers li {
	background-color: #15193F;
	padding: 10px;
	color: #fff;
	margin: 10px 10px 10px 0;
	flex-grow: 1;
	width: 46%;
	display: block;
}
ul.tabs, .passport-text ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.tabs li a {
	padding: 15px;
	margin: 10px;
	font-weight: bold;
	color: #404040;
	border-bottom: solid 1px #D49F6E;
}
.tabs li a:hover {
	color: #D49F6E;
}
.tabs li, .link-buttons li {
	text-align: center;
}
.tabs i {
	width: 100%;
}
.tabs li.current a, .i, #tabselect {
	color: #D49F6E;
}
.link-buttons li {
	width: 50%;
}
.link-buttons li a {
	display: block;
	padding: 15px;
}
.passport-text li {
	margin-left: 10px;
}
/* -------------------- Colours -------------------- */
.grad {
	background-image: linear-gradient( to bottom, #eff1f3, #fff );
}
.btob {
	background-image: linear-gradient( to bottom, #000, #15193F );
}
.red, .feature .button a, .grey .button a, .iframe .button a, .lampmag-image img:hover, .lamp-split img, .donate a:hover, .event-link .button a:hover, .regpass .button a {
	background-color: #C21E29;
}
.blue, .feature .button a:hover, .mobile, footer, .link-buttons li, .iframe .button a:hover, .event-link .button a {
	background-color: #15193F;
}
.yellow, .membership-box .button a, .grey .button a:hover, .donate a, .link-buttons li:nth-child(2), .woocommerce-Address {
	background-color: #D49F6E;
}
.grey {
	background-color: #f8f8ff;
}
.dk-grey, .copyright {
	background-color: rgba(0, 0, 0, 0.5);
}
.blue-box, .link-buttons li:hover {
	background-color: #252B60;
}
.white, header {
	background-color: rgba(255, 255, 255, 0.8);
}
header:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
	background-color: rgba(255, 255, 255, 1);
}

/*  SVG Colours  */
.m-c {
	fill: #15193F;
}
.m-o {
	fill: #C21E29;
}
.w {
	fill: #fff;
}
.yel{
	 fill: #f5ec70;
 }
 .m-g {
	 fill: #404040;
 }
 .yel, .ys {
	 stroke: #707070;
 }

/*  Text Colours  */
.wtxt, .wtxt h3, .wtxt h2, .wtxt h1, .links, .links a, .links h2, .donate a, .link-buttons li a, .keepers li a, .corporate-benefits .passport h3, .corporate-benefits {
	color: #fff;
}
.redtxt, .intro-bold, .volunteer-text a:hover, .job a, .details-info strong, .shop-links a:hover {
	color: #C21E29;
}
.bl, .cta-side, h1, h2, h3, .shop-links a, .search-results-text a:hover, .job a:hover, .other-passport a {
	color: #15193F;
}
.main-links-image h2, .lampmag h2, footer, footer a, .banner-long-text a, .banner-long-inner-text a, .main-links-text, .banner-long-text, .banner-long h2, .banner-long-inner h2, .copyright, .copyright a {
	color: #fff;
}
.event-show-title p, .event-show-des a {
	color: #C21E29;
}
.search-results-text a, .volunteer-text a, .alk-monthly a, .passport-text a {
	color: #404040;
}
.copyright a:hover, footer a:hover, .shop-links a:hover {
}
.alk-monthly-date b, .event-show-time, footer a:hover, .current_page_item a, .keepers li a:hover, a  {
	color: #D49F6E;
}

/*  GrayScale  */

.main-links-image:hover, .event-show-image:hover, .quick-inner-links:hover, .painting-shop li:hover, .inner .exhib-entry:hover {
	filter: grayscale(1);
}

/* Backgrounds */
.shopbk {
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
}

.bluelighthouse header {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
	background-color: rgba(255, 255, 255, 1);
}
.bluelighthouse .feature-inner, .greylighthouse .feature-inner {
	height: 20vh;
}
.bluelighthouse .tabs li a {
	border-bottom: none;
}
.greylighthouse .feature-inner {
	height: 100vh;
}
.bluefade {
	background-image: url('images/blue-lighthouse.jpg');
	background-size: cover;
	background-position: right;
}

/* -------------------- Page Titles -------------------- */
.home .intro h1 {
	margin: 0;
	text-align: center;
}
.home .intro hr {
	margin: 30px auto;
}
.inner .intro h1 {
	margin: 0;
	text-align: left;
}
.inner .intro hr {
	margin: 20px 0;
}
.inner .lamp-intro h1, .bluelighthouse .lamp-intro h2 {
	margin: 0;
}
.inner .lamp-intro hr {
	margin: 20px auto;
}
.page-title hr {
	margin: 30px 0;
	text-align: left;
}
.greylighthouse .intro p {
	width: 50%;
}
.greylighthouse .intro {
	position: absolute;
	bottom: 40px;
	left: calc(6%);
}

/* -------------------- Background Images -------------------- */

.feature, .main-links-image, .banner-long, .event-show-image, .feature-inner, .feature-cover, .banner-circle, .banner-height, .banner-long-inner {
	justify-content: center;
	background-size: cover;
	background-position: center;
}

/* -------------------- Header and Logo -------------------- */
header {
	position: fixed;
	width: calc(100% - 20px);
	padding: 0 10px;
	z-index: 2;
}

/*  Logo and Logo Text  */
.logo {
	position: absolute;
	left: 30px;
	width: 90px;
}
.logo img {
	width: 100%;
}
.association {
	margin-left: 140px;
}
.association p {
	margin: 0;
}
.donate {
	position: absolute;
	right: -30px;
	top: 400px;
	transform: rotate(90deg);
}
.donate a {
	padding: 10px 20px;
}
.link-buttons {
	display: none;
}
/* -------------------- Slogan -------------------- */

.slogan {
	width: 500px;
}
#Alive-2 {
	font-size: 259px;
	font-family: Roboto-Bold, Roboto;
	font-weight: 700;
	opacity: 0.96;
}

#Alive-3 {
	font-size: 29px;
	font-family: Roboto-Regular, Roboto;
}
#KEEPING {
	font-size: 39px;
}

#KEEPING, #ALIVE {
	font-family: Roboto-Regular, Roboto;
	animation: slogan-fade 10s infinite ease-in-out;
}
@keyframes slogan-fade {
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.2;
	}
100%{
	opacity: 1;
}
}
#LIGHTHOUSE {
	font-size: 105px;
}

#LIGHTHOUSE, #HERITAGE {
	font-family: Roboto-Bold, Roboto;
	font-weight: 700;
}

#ALIVE, #HERITAGE {
	font-size: 83px;
}

/* -------------------- Feature -------------------- */

.feature, .feature-cover {
	z-index: 1;
	height: 100vh;
}
.feature-inner {
	height: 50vh;
}
.feature, .vidin {
	overflow: hidden;
}
.cta-side {
	position: absolute;
	top: calc(50%);
	left: -80px;
	transform: rotate(-90deg);
}
.feature .button {
	position: absolute;
	bottom: calc(20%);
}
.banner-long {
	background-attachment: fixed;
	height: 50vh;
	margin-top: 160px;
}
.banner-long-inner {
	background-attachment: fixed;
	height: 50vh;
	display: flex;
}
.banner-height {
	background-attachment: fixed;
	height: 100vh;
}
.banner-circle {
		height: 500px;
		width: 500px;
		border-radius: 100%;
		margin: 100px auto;
		background-attachment: fixed;
}
.banner-long-text h2, .banner-long-inner-text h2 {
	font-size: calc(1em + 2vw);
}
.banner-long-text {
	position: absolute;
	bottom: 30px;
	left: calc(5%);
}
.banner-long-inner-text {
	align-self: center;
	text-align: center;
}
.banner-long h2, .banner-long p, .banner-long-inner h2, .banner-long-inner p {
	margin: 0;
}

/* -------------------- Navigation -------------------- */
.navigation {
	padding: 10px 0;
}
.navigation, .association, .slogan {
	align-self: center;
}
.close-btn, .menu-btn, .mobile {
	display: none;
}
nav {
	margin-bottom: -5px;
}
nav ul {
	margin: 0;
}

/* Drop down Menu */

nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
}
nav ul {
	padding: 0px 5px 0px 5px;
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
	content: ""; clear: both; display: block;
}
nav ul li {
	float: left;
}
nav ul li:hover {
	background-color: #15193F;
}
nav ul li:hover a {
	color: #fff;
}
nav ul li a {
	display: block;
	padding: 10px;
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
nav ul ul {
	background: #15193F; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
nav ul ul li {
	float: none;
	position: relative;
}
nav ul ul li a {
	padding: 10px;
	color: #fff;
	font-weight: normal;
}
nav ul ul li a:hover {
	background: #D49F6E;
	color: #fff;
}
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
/* -------------------- Sub Nav Bar -------------------- */

.subnav-bar {
	position: absolute;
	top: 65px;
	z-index: 1;
	width: 100%;
	height: 60px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	justify-content: center;
}
.subnav-links {
	align-self: center;
}


/* -------------------- Main Page Links -------------------- */
.main-links-container {
	width: 90%;
	margin-left: auto;
	padding-bottom: 60px;
}
.main-links {
	width: 30%;
	flex-grow: 1;
	margin-bottom: 60px;
}
.main-links-image {
	height: 400px;
	position: relative;
}
.main-links-image h2 {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.move,
.lampmag:nth-child(-n+6),
/* .books:nth-child(-n+6), */
.vfirst:nth-child(-n+3) {
	margin-top: -100px;
}
.main-links-text {
	padding: 10px;
	width: calc(100% - 20px);
}

/* -------------------- Event Showcase Homepage -------------------- */
.event-show {
	flex-grow: 1;
}
.event-show:nth-child(1) {
	margin-right: 20px;
}
.event-show a {
	display: flex;
}
.event-show-image {
	height: 400px;
	display: flex;
	border-radius: 10px;
}
.event-show-time {
	align-self: center;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
	border-radius: 10px;
	text-align: center;
}
.event-show-time p {
	margin: 0;
}
.event-show-title h2 {
	margin-bottom: 0;
}
.event-show-title p {
	margin-top: 0;
}
.eventul ul {
	display: flex;
}
.eventul li {
	width: 50%;
}
/* -------------------- Event Page Layout -------------------- */
.details {
	width: 48%;
}
.details ul, .eventul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.details-info li {
	display: flex;
	flex-wrap: wrap;
}
.details-info b {
	font-weight: normal;
}
.details-info p {
	margin:0;
}
.details-info p:nth-child(2) {
	padding-right: 5px;
}
.details-info p:nth-child(3) {
	padding-left: 5px;
}
.details-info strong {
	padding-right: 5px;
}
.details img {
	width: 100%;
}
.em-location-map-container {
	width: 100%;
	height: 450px;
}
div.css-search div.em-search-main .em-search-submit {
	width: 200px;
	background: none!important;
	background-color: #D49F6E!important;
	cursor: pointer;
}
div.css-search div.em-search-main .em-search-submit:hover {
	background-color: #15193F!important;
}
.css-events-list h2 {
	text-align: center;
	margin: 60px auto;
	display: block;
	border-bottom: solid thin #e5e5e5;
	padding-bottom: 30px;
}
.em-pagination a {
	padding: 10px;
	background-color: #326735;
	color: #fff;
}
.page-numbers.current {
	background-color: #a7d93d;
	padding: 10px;
	color: #326735;
}
.em-pagination a:hover {
	background-color: #a7d93d;
}
.page-numbers {
	display: block;
	float: left;
}
/* -------------------- alk Monthly Events -------------------- */
.alk-monthly {
	margin-bottom: 60px;
}
.alk-monthly-events {
	margin-bottom: 30px;
	padding: 10px 0;
}
.alk-monthly-date p {
	margin: 0;
}
.alk-monthly-date b {
	font-size: 20pt;
	float: left;
	width: 100%;
}
.alk-monthly-date {
	width: 10%;
	text-align: center;
	align-self: center;
	margin: 0 50px;
}
.alk-monthly-description {
	align-self: center;
	flex-grow: 1;
	width: 30%;
}
.alk-monthly-description b {
	font-size: 10pt;
	padding-bottom: 5px;
	display: block;
	opacity: 0.5;
}
.alk-monthly-description h3, .alk-monthly-description p {
	margin: 0;
}
.alk-monthly-pic {
	width: 100px;
	height: auto;
	background-size: cover;
}
/* -------------------- Lamp Magazine -------------------- */
.lampmag-select {
	margin-top: 80px;
}
.lampmag-select .search {
	display: block;
	margin-top: 40px;
	text-align: center;
}
.lampmag-select label {
	display: none;
}
.search input {
	padding: 10px;
}
.lampmag-select input:nth-child(2) {
	width: 60%;
}
.lampmag {
	width: 200px;
	margin-bottom: 60px;
}
.lampmag h2 {
	margin: 0;
}
.lampmag-image {
	width: 100%;
	text-align: center;
}
.lampmag-image img {
	padding: 5px;
	background-color: #fff;
	width: 173px;
	height: 250px;
}
.lampmag-image img:hover, .volunteer:hover, .alk-monthly-events:hover{
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
}
.lampmag .small {
	font-size: 12pt;
	display: block;
}
.lampmag-text {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.lampmag-text p {
	display: none;
}
.lampinner .woocommerce {
	margin: auto;
}

/* -------------------- Lamp Inner Section -------------------- */
.lamp-split ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.lamp-split li {
	width: 40%;
	margin: 0 20px;
	flex-grow: 1;
	padding: 10px;
}
.lamp-split img {
	padding: 5px;
}

/* -------------------- Search -------------------- */
.search-results {
	width: 100%;
	margin-bottom: 60px;
	padding-bottom: 30px;
	border-bottom: solid 1px #e5e5e5;
	display: flex;
	flex-wrap: wrap;
}
#searchform input {
	border: solid thin #e5e5e5;
}
.search-results:hover {
	border-bottom: solid 1px #D49F6E;
}
.search-results-text h3, .search-results-text p {
	margin: 0;
}
.search-results-image {
	width: 200px;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.search-results-text {
	flex-grow: 1;
	width: 60%;
}
.search label {
	display: none;
}
.search-page input:nth-child(2) {
	width: 80%;
	flex-grow: 1;
}
.search-page #searchform {
	display: flex;
}
/* -------------------- Volunteer -------------------- */

.volunteer {
	padding: 30px;
	text-align: center;
	background-color: #fff;
	flex-grow: 1;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 20%;
	display: flex;
	justify-content: center;
}
.volunteer-image {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	border-radius: 100%;
	background-size: cover;
	background-position: center;
}
.volunteer-text h3 {
	margin: 20px 0 0 0;
}
.volunteer-text p {
	margin: 0;
}
.volunteer-text a {
	margin: 10px auto 0 auto;
	display: block;
}
.volunteer-text {
	width: 80%;
}
/* -------------------- quick Inner Links -------------------- */
.quick-inner-image, .quick-inner-image-in {
	height: 350px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px;
}
.quick-inner-image {
	background-size: contain;
}
.quick-inner-image-in {
	background-size: cover;
}
.quick-inner-links {
	width: 30%;
	margin: 20px;
	flex-grow: 1;
}
.quick-inner-links h3,
.quick-inner-links p,
.quick-price-title h2,
.quick-price-title p {
	margin:0;
}

/* -------------------- Icons -------------------- */

.icons {
	width:62px;
	height:62px;
	margin-left: 5px;
	margin-top:20px;
}
.icons img {
	width: 100%;
	height: auto;
}
.youtube {
	background: #c61800;
}
.twitter {
	background: #4099ff;
}
.facebook {
	background: #4966b6;
}
.twitter:hover, .facebook:hover {
	background: #0066CC;
}

/* -------------------- Gallery -------------------- */

.gallery, .grid, .links {
	display: flex;
	flex-wrap: wrap;
}
.space {
	justify-content: space-between;
}
.gallery-item {
	float: left;
	width: 20%;
	flex-grow: 1;
	margin: 5px;
}
.gallery-item img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.gallery-item img:hover {
	opacity: 0.6;
}
.intro .gallery-item {
	width: 10%;
}
dd {
	margin: 5px 0;
	font-size: 10pt;
}
.blog:nth-child(1) {
	width: 100%;
	text-decoration: underline;
}
.link {
	flex-grow: 1;
	width: 10%;
	position: relative;
	overflow: hidden;
	margin: 10px;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

/* -------------------- Button -------------------- */
.button a {
	font-weight: 700;
	padding: 10px 35px;
	color: #fff;
	text-decoration: none;
}
.button a:hover {
	padding: 10px 40px;
}

/* -------------------- Places to Visit -------------------- */
.places:nth-child(1) {
	flex-basis: 30%;
}
.places:nth-child(2) {
	flex-basis: 60%;
}
.places-visit-image {
	background-size: contain;
	height: 600px;
	background-repeat: no-repeat;
}
.places-visit-text {
	align-self: center;
}
.map-overview p {
	width: 60%;
	margin: 80px auto;
}
/* -------------------- Membership Boxes -------------------- */
.membership-select {
	margin-top: 160px;
}
.membership-box {
	width: 20%;
	border: solid thin #e5e5e5;
	padding: 30px 30px 50px 20px;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
	flex-grow: 1;
	margin-top: -100px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}
.membership-box-image svg {
	width: 75px;
}
.membership-box-price {
	margin-bottom: 30px;
}
.corporate-benefits {
	width: 100%;
}

/* -------------------- With your -------------------- */
.with-your {
	padding: 60px 0;
	color: #fff;
}
.with-your ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.with-your h2 {
	margin: 0 0 30px 0;
	text-align: center;
	color: #fff;
}
.with-your-info {
	padding: 30px;
	box-sizing: border-box;
}
/* ------------------------ Shop ------------------------ */
.line {
	border-bottom: solid thin rgba(0, 0, 0, 0.1);
	padding-bottom: 20px;
	padding-top: 30px;
}
.shop-links {
	align-self: flex-end;
}
.shop-links li {
	margin-right: 20px;
}
.shop-notice {
	align-self: center;
}
.shop-notice {
	width: 300px;
}
.shop-notice h3 {
	margin: 0;
}
/* ------------------------ Woocommerce Override ------------------------ */
form.cart table.thwepo-extra-options label.label-tag {
	padding-right: 20px;
}
.thwepo-extra-options td {
	padding-bottom: 1.5em;
}
.thwepo-extra-options td {
	width: 50%;
}
.shop-container {
	width: 100%;
}
.term-description {
	border-bottom: solid thin #e5e5e5;
	margin-bottom: 30px;
	text-align: center;
}
.sku_wrapper {
	display: none;
}
/* Products */
ul.painting-shop {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	list-style: none;
	padding: 0;
	text-align: center;
	width: 100%;
}
.painting-shop li {
	transition: all 0.5s ease-in-out;
	padding: 10px;
	position: relative;
	width: 20%;
	display: flex;
	flex-wrap: wrap;
	margin: 20px 10px 20px 0;
	flex-grow: 1;
	box-shadow: 0 0 10px rgba(229,229,229,1);
}
.painting-shop-pic {
	height: 200px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.painting-shop a {
	display: block;
	width: 100%;
	color: #313131;
}
.painting-shop li:hover, .inner .exhib-entry:hover {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(229,229,229,0.5);
}
.painting-shop .button {
	opacity: 0;
}
.painting-shop ins {
	content: "Sale";
	background-image: linear-gradient( to bottom, #0474a0, #97c09e );
	padding: 30px 20px 10px 20px;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	position: absolute;
	justify-content: center;
	top: 0;
	left: 0;
	display: flex;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 2px 3px #313131;
}

li.amount:nth-child(2) {
	color: red;
}
.product_meta {
	font-size: 10pt;
}
.woocommerce-ordering select {
	padding: 10px;
}
/* Product Titles */
.woocommerce-loop-product__title {
	font-size: 14pt;
	text-decoration: none;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	text-decoration: none;
}
.price {
	display: block;
	margin: 10px auto;
	font-weight: bold;
}
.your-price {
	padding-right: 10px;
}
.card-products h2 {
	width: 100%;
	display: block;
}
.card-products img {
	opacity: 0;
}
.woocommerce div.product form.cart .button {
	display: block;
	width: 200px;
	margin-top: 30px;
}
.woocommerce div.product form.cart {
	display: inline-grid;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #C21E29!important;
}
.woocommerce-variation-pricing .price {
	align-self: center;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #313131!important;
}
.up-sells {
	width: 100%;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	width: 100%;
	text-align: center;
	align-self: end;
}
.related .painting-shop li {
	background-color: #fff;
}
.related {
	padding: 60px 0;
}
.related h3 {
	text-align: center;
	width: 100%;
}

/* Single Product Styling */
.product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product-name a {
	color: #C21E29;
}
.posted_in {
	display: none;
}
.woocommerce-product-gallery {
	width: 46%;
}
.summary {
	width: 46%;
	align-self: center;
}
.entry-summary {
	order: 2;
}
.variations select, #giftoption, #nameforgift {
	padding: 10px;
}
.white .quantity {
	float: none !important;
	margin: 0 4px 20px 0;
	height: 50px;
}
.input-text {
	padding: 10px;
}
.strat-options ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.wide {
	width: 100%;
}
.woocommerce-variation.single_variation {
	margin-bottom: 30px;
	width: 320px;
	font-weight: bold;
	border-bottom: solid 1px #e5e5e5;
}
.start-options {
	color: #001f5b
}
.reset_variations {
	color: #00b0f0;
	text-decoration: none;
}
.woocommerce-tabs {
    width: 100%;
}
.summary b {
	font-size: 25pt;
}

.wc-tabs-wrapper {
	width: 95%;
	margin: auto;
}

/* My Account */
.acc .content {
	margin: auto auto 60px auto;
	border-radius: 10px;
}
.tab-nav {
	width: 100%;
	margin-bottom: 60px;
}
.woocommerce-Addresses {
	display: flex;
	flex-grow: 1;
}
.woocommerce-Address {
	width: 48%;
	border-radius: 10px;
	height: 300px;
	margin: 10px;
	box-sizing: border-box;
	padding: 20px;
	display: grid;
	transition: all 0.5s ease-in-out;
}
.woocommerce-Address header {
	height: auto;
	margin:0;
}
.woocommerce-MyAccount-content form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.address-fields p {
	width: 48%;
}
.card-type {
	width: 60%;
	margin: auto;
	text-align: center;
}
.address-fields p:nth-child(1n+3) {
	width: 100%;
}
.myaccount input, .myaccount textarea {
	border: solid thin #e5e5e5;
}
.myaccount .woocommerce form.login {
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	border-radius: 0;
}
dl.variation p {
	display: initial;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.5em;
}
/*.woocommerce-error, .woocommerce-info, .woocommerce-message {
    width: 100%!important;
}*/
fieldset {
	width: 100%;
	margin-top: 40px;
	border: solid thin #e5e5e5;
}

.checkout.woocommerce-checkout {
	display: flex;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	width: 90%!important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: left!important;
	width: 90%!important;
}
#order_review_heading {
	/* width: 100%; */
	display: none;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	margin-bottom: 60px;
	font-weight: bold;
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
	margin-bottom: 2em;
	margin-top: 60px;
}
/* -------------------- Video -------------------- */
.iframe iframe,
.keepers iframe {
	width: 100%;
	min-height: 600px;
	border: none;
}
.keepers figure {
	margin: 40px 0 140px 0;
}
.audio-count iframe {
	margin-bottom: 60px;
}
.videocontainer {
	width: 100%;
	height: 98vh;
	overflow: hidden;
	position: relative;
	box-shadow: inset 0 0 8px rgba(0,0,0,.6);
		-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
		-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
}
.videocontainer img {
width: 100%;
}
.videocontainerin {
	width: 100%;
	height: 58vh;
	overflow: hidden;
	position: relative;
}
video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -10;
}
.video-responsive {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed,
.video-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

article:nth-child(odd) .our-chat-text {
    order: -1;
}
/* -------------------- Booking Form -------------------- */

.wpcf7-submit {
	width: 60%;
	cursor: pointer;
}
.wpcf7-submit:hover {
	background-color: #272727;
	color: #fff;
}
.bookingform input, .bookingform select, .bookingform textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	border: solid thin #dfdfdf;
}
.bookingform input:focus, .bookingform select:focus, .bookingform textarea:focus, .event-pay input:focus, .event-pay select:focus {
	background-color: #dfdfdf;
}
.bookingform hr {
	width: 100px;
	margin: 20px auto;
	border: solid thin #fff;
}
.check .wpcf7-list-item input {
	width: 10px;
}
.YourName input, .EmailAddress input {
	width: 100%;
}
.event-pay {
	width: 100%;
}
.event-pay input {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: solid thin #dfdfdf;
}
/* -------------------- books -------------------- */
.books {
	width: 100%;
	margin-bottom: 60px;
}
.books table, .event-table table {
	width: 100%;
	border-collapse: collapse;
}
/*.books td:nth-of-type(even) {
	background: #f4f4f4;
}*/
.books tr:nth-child(2n+1),
.event-table tr:nth-child(2n+1) {
	color: #fff;
	background: #2c609a;
}
.books tr:nth-child(2n),
.event-table tr:nth-child(2n) {
	color: #fff;
	background: #2c609a;
}
.books td:nth-child(1) {
	color: #fff;
	background: #15386e;
}
.books th {
	background: #15386e;
	color: #fff;
	font-weight: normal;
}
.books td, .books th, .event-table td, .event-table th {
	padding: 10px;
	border: 1px solid #fff;
}
.books h3, .brown h3 {
	font-size: calc(1em + 0.9vw);
	width: 100%;
	text-align: center;
	margin: 60px auto;
}
.event-table hr {
	margin-top: 60px;
}
/* -------------------- FAQ -------------------- */
.faq-title h3, .passport-title h3, .passport-title p {
	margin: 0;
}
.passport-title h3, .passport-title p {
	max-width: 280px;
}
.faq-title h3::before {
	content: "Q. ";
}
.faq-text {
	margin-bottom: 30px;
	padding-bottom: 30px;
	width: 100%;
	border-bottom: solid thin #e5e5e5;
}
.faq-text:hover, .passport:hover, .other-passport li:hover {
	border-bottom: solid thin #C21E29;
}
.question {
	fill: #15193f;
	font-size: 534px;
	font-family: Roboto-Bold, Roboto;
	font-weight: 700;
	background-color: #fff;
	width: 100%;
}
.question-mark {
	width: 150px;
	margin: auto;
}
/* -------------------- Passport -------------------- */
.passport {
	border-bottom: solid thin #e5e5e5;
	margin: 30px 0;
	padding-bottom: 10px;
}
.corporate-benefits .passport {
	width: 49%;
}
.passport-text-image {
	width: 70%;
}
.passport-image {
	width: 100px;
	overflow: hidden;
	margin-right: 20px;
}
.passport-text, .passport-title {
	align-self: center;
}
.passport-text i {
	font-size: 20pt;
}
.passport-text {
	width: 30%;
}
.other-passport li {
	border-bottom: solid thin #e5e5e5;
	margin: 30px 0 25px 0;
	padding-bottom: 10px;
}
.other-passport a {
	font-size: 14pt;
	font-weight: bold;
}
.split.other-passport {
	flex-basis: 30%;
}

/* -------------------- Audio -------------------- */
.audio-count {
	counter-reset: my-sec-counter;
	margin-top: 60px;
	padding-bottom: 60px;
}
.audio-count b::before {
counter-increment: my-sec-counter;
content: "0" counter(my-sec-counter) ".";
}
.audio-count hr {
	margin: 0 auto 60px auto;
}
.audio-block {
	width: 48%;
	margin-bottom: 30px;
	background-color: #fff;
	padding: 5px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(229,229,229, 0.1);
}

.audio-block b, .audio-title, .audio-sound {
	align-self: center;
}
.audio-block b {
	width: 50px;
	text-align: center;
}
.audio-image {
	width: 75px;
	height: 75px;
	border-radius: 100%;
	background-image: url('images/horn.jpg');
	background-size: cover;
	background-position: center;
	margin: -20px 20px 0 20px;
	box-shadow: 0 0 10px rgba(229,229,229, 0.4);
}
.audio-title {
	width: 33%;
	font-weight: bold;
}
.audio-sound {
	width: 30%;
	flex-grow: 1;
}
audio {
	width: 100%;
}
.audio-count .iframe, .links .iframe {
	width: 100%;
}
/* -------------------- links -------------------- */

.links ul {
	width: 30%;
	padding: 0;
	list-style: none;
	flex-grow: 1;
	margin: 0 10px 60px 10px;
}
.links li {
	width: 100%;
	flex-grow: 1;
	margin-bottom: 10px;
}

.links li a {
	padding: 10px 0;
	display: block;
	border-bottom: solid 1px rgba(229,229,229, 0.8);
}
.links li a:hover {
	color: #D49F6E;
	padding-left: 20px;
	border-bottom: solid 1px #D49F6E;
}

/* -------------------- Footer -------------------- */

.footer-image {
	max-width: 990px;
	margin: 0 auto -20px auto;
}
.PayPal img {
	width: 150px;
}
footer {
	padding: 30px 0;
}
.fleft {
	width: 10%;
	flex-grow: 1;
	margin-right: 30px;
}
.fleft:nth-child(4) {
	margin-right: 0;
}
.copyright {
	font-size: 8pt;
	padding: 10px 0;
}
.copyright-icons ul {
	display: flex;
}



/*

	Author:				hedleyenterprises.co.uk - web design starts with a coffee and a chat...
	Description:	CSS Stylesheet for mobile devices


*/

@media screen and (max-width: 1200px) {
.container {
	width: 95%;
}
.lampmag {
	flex-grow: 1;
}
.lampmag:nth-child(-n+6),
.vfirst:nth-child(-n+3) {
	margin-top: 0;
}
.lampinner .mt {
	margin-top: 60px;
}
}

@media screen and (max-width: 1100px) {
.navigation {
	display: none;
}
.association {
	padding-top: 20px;
	padding-bottom: 20px;
}
.close-btn, .menu-btn {
	display: block;
}
.painting-shop li {
	width: 22%;
}
.menu-btn {
	width: 28px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.mobile {
	position: absolute;
	padding: 2em;
	width: calc(100% - 4em);
	height: calc(100vh - 4em);
	left: 0;
	z-index: 200;
}
.close-btn {
	width: 28px;
	float: right;
	cursor: pointer;
}
.show-menu {
	display: block;
}
.menu-main-container {
	margin-top: 60px;
}
.menu-main-container ul {
	padding: 0;
	list-style: none;
	padding: 0;
	text-align: center;
}
.menu-main-container ul a {
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	display: block;
}
.slideDown {
  display: block;
}
ul.sub-menu {display:none;}

.sub-menu li a {
	color: #D49F6E;
}
.membership-box {
	width: 40%;
	margin-top: -50px;
	margin-bottom: 60px;
}
.painting-shop li {
	flex-grow: 1;
}
}


@media screen and (max-width: 990px) {
.donate, .feature .button {
	display: none;
}
.link-buttons {
	display: block;
}
	.main-links {
		width: 30%;
		margin-bottom: 10px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.main-links-container {
		width: 95%;
	}
	.main-links-image {
		height: 300px;
		border-radius: 10px;
		position: relative;
	}
	.main-links-text {
		display: none;
	}
	.main-links:nth-child(1) {
		margin-bottom: 110px;
	}

.main-links:nth-child(1),
.corporate-benefits .passport {
	width: 100%;
}
.places:nth-child(2), .places:nth-child(1) {
	flex-basis: 100%;
}
.places-visit-image {
	height: 300px;
	background-position: center;
}
.main-links:nth-child(4), .leftcol, .rightcol {
	width: 100%;
}
.search-results-image {
	display: none;
}
.volunteer {
	width: 25%;
}
.painting-shop li {
	width: 45%;
}
.shop-notice {
	width: 100%;
	margin-top: 20px;
	border-top: solid thin #e5e5e5;
	padding-top: 20px;
}
.order {
	order: -1;
}
.rightcol {
	margin-bottom: 60px;
}
.fleft {
	width: 40%;
	margin-bottom: 60px;
}
.audio-title {
	width: 70%;
}
.audio-block b {
	display: none;
}
.subnav-links {
	width: 80%;
	margin-left: auto;
}
.audio-sound {
	flex-grow: 1;
	margin-top: 20px;
	width: 100%;
}
.banner-long-text {
	left: calc(2%);
}
.cta-side {
	position: absolute;
	bottom: 20px;
	top: inherit;
	left: 20px;
	transform: rotate(0deg);
	color: #fff;
	font-size: calc(1em + 1.1vw);
}
.cta-side p{
	width: 250px;
}
.split.other-passport {
	order: -1;
	flex-basis: 100%;
}
.greylighthouse .split {
	width: 100%;
	overflow-y: hidden;
}
.intro .gallery, ul.tabs, .greylighthouse .other-passport ul {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: auto;
}
.greylighthouse .other-passport ul {
	display: flex;
}
ul.tabs {
		justify-content: flex-start;
}
.intro .gallery-item, .tabs li, .greylighthouse .other-passport li{
	flex: 0 0 auto;
	width: 40%;
}
.tabs li a {
	padding: 5px;
	margin: 0 10px 0 0;
	color: #404040;
	display: block;
}
.details {
	width: 100%;
	margin-bottom: 60px;
}
.links ul {
	width: 46%;
}
.books table, .books thead, .books tbody, .books th, .books td, .books tr, .event-table table, .event-table thead, .event-table tbody, .event-table th, .event-table td, .event-table tr {
	display: block;
}
.books thead, .event-table thead {
display: none;
}

.books thead .books tr, .event-table thead .event-table tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.books tr, .event-table tr
{ border: 1px solid #ccc; }

.books td, .event-table td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding: 16px 16px 16px 50%;
}

.books td:before, .event-table td:before {
	position: absolute;
	left: 6px;
	width: 45%;
	padding-right: 10px;
}

/* .books td:nth-of-type(1):before { content: "Title"; }
.books td:nth-of-type(2):before { content: "Author"; }
.books td:nth-of-type(3):before { content: "Publisher"; }
.books td:nth-of-type(4):before { content: "Date"; } */
.event-table td:nth-of-type(1):before { content: "Lighthouse"; }
.event-table td:nth-of-type(2):before { content: "Date / Time"; }
.event-table td:nth-of-type(3):before { content: "Contact"; }

}

@media screen and (max-width: 680px) {

.fleft {
	width: 100%;
	border-bottom: solid thin #e5e5e5;
	padding-bottom: 60px;
	margin-bottom: 40px;
	margin-right: 0;
}
.split, .half {
	width: 100%;
}
.split.other-passport {
	flex-basis: 100%;
}
.with-your-info {
	margin-bottom: 20px;
}
.eventul ul, .related ul {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: auto;
	justify-content: flex-start;
}
.eventul li {
	flex: 0 0 auto;
	width: 95%;
}
.related li{
	flex: 0 0 auto;
	width: 85%;
}
.links ul, .places {
	width: 100%;
}
.greylighthouse .intro p {
	width: 95%;
}
.places-visit-image {
	background-position: center;
	margin-bottom: 40px;
}
.checkout.woocommerce-checkout {
	flex-wrap: wrap;
}
#order_review_heading {
	width: 100%;
	display: block;
	margin-top: 60px;
}
.slide {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: auto;
}
.quick-inner-links {
	flex: 0 0 auto;
	width: 70%;
}
}

@media screen and (max-width: 580px) {
.membership-box {
	width: 100%;
}
.alk-monthly-pic, .shop-notice {
	display: none;
}
.alk-monthly-date {
	flex-grow: 1;
	margin: 0;
}
.audio-block {
	width: 100%;
	justify-content: flex-start;
}
.audio-block b {
	display: block;
}
.audio-title {
	width: 40%;
}
.volunteer {
	width: 100%;
	padding: 10px;
}
.volunteer-image {
	align-self: center;
}
.volunteer-text {
	width: 80%;
	align-self: center;
}
.volunteer-text h3 {
	margin: 0;
}
.main-links-image {
	height: 200px;
}
.painting-shop li {
	margin-right: 0;
}
}

@media screen and (max-width: 480px) {

.passport-text, .passport-text-image {
	width: 100%;
}
.main-links h2, .event-show-title h2 {
	font-size: 12pt;
}
.event-show-image {
	height: 200px;
}
.split .gallery-item {
	width: 40%;
}
.association {
	display: none;
}
.slogan {
	width: 70%;
}
header {
	height: 60px;
}
.logo {
	left: 10px;
	width: 70px;
}
.alk-monthly-date b {
	float: none;
	width: 100%;
}
.alk-monthly-date {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.subnav-links .tabs li {
	width: 60%;
}
.cta-side p{
	width: 200px;
}
.passport-text li {
	margin-left: 0;
	margin-right: 10px;
}
.greylighthouse .other-passport li {
	flex: 0 0 auto;
	width: 69%;
}
}

@media screen and (max-width: 430px) {
.lampmag {
	width: 46%;
}
.lamp-intro .intro-bold {
	display: block;
}
.lampmag-image img {
	width: 133px;
	height: 210px;
}
.audio-block {
	position: relative;
	margin-bottom: 60px;
}
.audio-image {
	margin: -20px auto 0 auto;
}
.audio-title {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.audio-block b {
	display: block;
	position: absolute;
	top: 10px;
	opacity: 0.4;
	width: auto;
	left: 10px;
}
.subnav-bar {
	top: 60px;
}
.event-show-des p:nth-child(2) {
	display: none;
}
.fleft:nth-child(3) {
	display: none;
}
.fleft:nth-child(2) {
	border-bottom: none;
}
.passport-title h3 {
	max-width: 190px;
}
}