@font-face {
font-family: Lit;
src: url(fonts/LIT55.otf);
}

@font-face {
font-family: LitBold;
src: url(fonts/LIT75.otf);
}

p {
	font-family: Lit;
	font-size: 18px;
	color: #000;
    margin-block-end: 0.9em;
    margin-block-start: 0.9em;
    line-height: 1.4em;
}

ul {
	font-size: 14px;
	color: #000;
}

h1 {
	font-size: 2em;
	font-family: LitBold;
}

h2 {
	font-family: LitBold;
	font-size: 20px;
	color: #66CCFF;
}

h3 {
	font-family: LitBold;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
h4 {
	font-family: LitBold;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
td {
	font-family: Lit;
	font-size: 14px;
	color: #000;
}

.tool {
    opacity: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}


p:hover .tool {
    opacity: 1;
    color: #000;
}

blockquote {
	font-family: Lit;
	font-size: 16px;
	text-align: left;
	text-indent: -20pt;
	display: block;
}

table {
	width: 1190px;
}


a {
	font-family: Lit;
	font-size: 18px;
	color: #000;
	text-dexcoration: none;
	text-decoration: none;
	font-weight: normal;
}


#roughtinglinn {
	position:relative;
	left: 798px;
    top: 833px;
}

#roughtinglinn > a {
    cursor: url("Images/cursor/rl1.png") 20 15, pointer; /* Legacy */
    cursor: url("Images/cursor/rls.svg") 20 15, pointer; /* FF */
    cursor: -webkit-image-set(url("Images/cursor/rl1.png") 1x, url("Images/cursor/rla@2x.png") 2x) 20 15, auto; /* Webkit */
}

#orieldaviesgallery {
	position:relative;
    left: 682px;
	top: 1260px;
}

#orieldaviesgallery > a  {
    cursor: url("Images/cursor/od.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/od.png") 2x) 20 15, auto; /* Webkit */
}

#visualartscentre {
	position:relative;
	left: 912px;
    top: 1087px;
}

#visualartscentre > a  {
    cursor: url("Images/cursor/vac.png") 0 0, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/vac.png") 2x) 20 15, auto; /* Webkit */
}

#sidneycoopergallery {
	position:relative;
	left: 1047px;
    top: 1378px;

}

#sidneycoopergallery  > a  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#boningtongallery {
	position:relative;
	left: 841px;
    top: 1132px;
}

#boningtongallery  > a  {
    cursor: url("Images/cursor/bg.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/bg.png") 2x) 20 15, auto; /* Webkit */
}

#shellgrotto {
	position:relative;
	left: 1084px;
    top: 1314px;
}

#shellgrotto  > a  {
    cursor: url("Images/cursor/sg.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sg.png") 2x) 20 15, auto; /* Webkit */
}


#bamburghbeach {
	position:relative;
    left: 810px;
    top: 689px;
}

#bamburghbeach > a {
    cursor: url("Images/cursor/bb.png") 20 15, pointer; /* Legacy */
    cursor: url("Images/cursor/bbs.svg") 20 15, pointer; /* FF */
    cursor: -webkit-image-set(url("Images/cursor/bb.png") 2x) 20 15, auto; /* Webkit */
}

#giantscauseway {
	position:relative;
	left: 428px;
    top: 706px;
}

#giantscauseway > a  {
    cursor: url("Images/cursor/gc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/gc.png") 2x) 20 15, auto; /* Webkit */
}

/****** USER MAP CONTRIBUTIONS ******/


#chanctonbury {
	position:relative;
	left: 937px;
    top: 1325px;

}

#chanctonbury  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#newforest {
	position:relative;
	left: 797px;
    top: 1298px;

}

#newforest  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#sean {
	position:relative;
	left: 937px;
    top: 938px;
    display: none;

}

#sean  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#chippingcampden {
	position:relative;
	left: 787px;
    top: 1098px;

}

#chippingcampden  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#nunney {
	position:relative;
	left: 735px;
    top: 1188px;

}

#nunney  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#juliansbower {
	position:relative;
	left: 892px;
    top: 845px;

}

#juliansbower  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#templebruer {
	position:relative;
	left: 922px;
    top: 905px;

}

#templebruer  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#lincolncathedral {
	position:relative;
	left: 920px;
    top: 865px;

}

#lincolncathedral  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#dogdyke {
	position:relative;
	left: 942px;
    top: 855px;

}

#dogdyke  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#belvoir {
	position:relative;
	left: 870px;
    top: 865px;

}

#belvoir  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#gwaelod {
	position:relative;
	left: 615px;
    top: 890px;

}

#gwaelod  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#devilsbridge {
	position:relative;
	left: 640px;
    top: 890px;

}

#devilsbridge  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#llyn {
	position:relative;
	left: 644px;
    top: 928px;

}

#llyn  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#nanteos {
	position:relative;
	left: 622px;
    top: 831px;

}

#nanteos  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#camarthen {
	position:relative;
	left: 588px;
    top: 878px;

}

#camarthen  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#bardsey {
	position:relative;
	left: 550px;
    top: 742px;

}

#bardsey > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#carngoedog {
	position:relative;
	left: 555px;
    top: 821px;

}

#carngoedog  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#hawkstone {
	position:relative;
	left: 834px;
    top: 838px;

}

#hawkstone  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#stjames {
	position:relative;
	left: 888px;
    top: 861px;


}

#stjames  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#hambleden {
	position:relative;
	left: 904px;
    top: 834px;

}

#hambleden  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#dashwood {
	position:relative;
	left: 910px;
    top: 793px;

}

#dashwood  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#lavenham {
	position:relative;
	left: 1022px;
    top: 698px;

}

#lavenham  > aa  {
    cursor: url("Images/cursor/sc.png") 20 15, pointer; /* Legacy */
    cursor: -webkit-image-set(url("Images/cursor/sc.png") 2x) 20 15, auto; /* Webkit */
}

#overlay {
	position: absolute;
}

h2 {
	color: #000;
}

a {
	transition: color 0.6s linear;
}

a:hover {
	color: #F36;
}

#main {
	margin: auto;
	width: 1190px;
	text-align: center;
	margin-bottom: 40px
}

.left {
	text-align: left;
	width: 86%;
    margin: auto;
}

#map {
	width: 1190px;
	outline: ridge 10px rgba(200, 200, 200, .2);
	transition: outline 1.6s linear;
	margin: 0.5em; /* Increased margin since the outline expands outside the element */
}

#map:hover {
	outline: ridge 10px rgba(200, 200, 200, .7);
	
}

#desc {
	width: 90%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 45px;
}

.border {
  position: fixed;
  top: 0;
  left: 0;
  border: 12px outset rgba(200, 200, 200, .8);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  pointer-events: none;
}

#modal_content {
	padding: 10px;
	text-align: center;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
	text-align: center;
	font-family: LitBold;
	font-size: 25px;
	color: black;
}

.iziModal .iziModal-header {
	box-shadow: inset 0 -10px 12px -15px rgba(0,0,0,.3), 0 0 0 #555
}

.row {
	display: flex;
}

.col {
    flex: 50%;
    padding: 25px;
    text-align: center;
}

#space {
	margin-top: 70px;
	margin-bottom: 30px;
}

#i1 {
margin-top: 18px;
}

#i3 {
	margin-top: 20px;
}

#i4 {
	margin-top: 4px;
}

#i5 {
	margin-top: 3px;
}

#i6 {
	margin-top: 10px;
}

#i7 {
	margin-top: -20px;
}

#i9 {
	margin-top: 22px;
}

#i10 {
	margin-top: 50px;
}

/* Contact Form */



#page-wrap {
    width: 660px;
    background: white;
    padding: 20px 50px 20px 50px;
    margin: auto;
    min-height: 500px;
    text-align: center;
    font-family: Lit;
}

#contact-area {
	width: 100%;
	margin-top: 45px;
}

#contact-area input, #contact-area textarea {
	padding: 6px;
	width: 87%;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #000;
	font-family: Lit;
	margin-bottom: 30px;
}

#contact-area textarea {
	height: 90px;
}


#contact-area input.submit-button {
	width: 120px;
	float: right;
	padding-left: 
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

#contact-area input.submit-button:hover {
	background-color: #000;
	color: #fff;
	}

label {
	float: left;
	font-family: Lit;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/* RESPONSIVE */

@media only screen and (max-device-width : 1024px) {

.hide {
	display: none
}

#contact-area input, #contact-area textarea {
	width: 100%;
}
	
	#roughtinglinn {
left: 592px;
top: 583px;
}


#orieldaviesgallery {
left: 534px;
top: 841px;
}


#visualartscentre {
left: 688px;
top: 649px;
}


#sidneycoopergallery {
left: 774px;
top: 794px;
}

#boningtongallery {
left: 658px;
top: 541px;
}


#shellgrotto {
left: 835px;
top: 587px;
}


#bamburghbeach {
left: 627px;
top: 59px;
}

#giantscauseway {
left: 329px;
top: -14px;
}



#map {
	width: 900px;
}

#mobp {
	font-size: 12px;
}
	
	#roughtinglinn > a {
		font-size: 64px;	
	}
		
	#orieldaviesgallery > a {
		font-size: 64px;	
	}
	
	#visualartscentre > a {
		font-size: 64px;	
	}

	#sidneycoopergallery  > a {
		font-size: 64px;
	}
	
	#boningtongallery  > a  {
		font-size: 64px;
	}
		
	#shellgrotto  > a  {
		font-size: 64px;
	}
		
	#bamburghbeach > a {
		font-size: 64px;
	}
			
	#giantscauseway > a  {
		font-size: 64px;
	}
	
		
	#main {
		width: 100%
	}
	table {
		width: 100%;
	}
}