/* Global Styles */
*{
	scrollbar-color: #136433 #F5C682;
}

*::-webkit-scrollbar {
  width: 18px;
}

*::-webkit-scrollbar-track {
  background: #F5C682;        /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
  background-color: #136433;    /* color of the scroll thumb */
  border-radius: 1px;       /* roundness of the scroll thumb */
 /* border: 1px solid #000066;  *//* creates padding around scroll thumb */
}

/* New 2019 */

/* #gallery {
  width: 100%;
   height:auto;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
} */

.footer{
	position:absolute;
	width:100%;
	height:auto;
	bottom:0;
	left:0;
}

.footercontent{
	display:table;
	margin:auto;
	padding:10px;
}

a:link.footerlink{
	font:11px 'Caudex', serif;
	text-align:center;
	color:#A4A4A4;
}

a:visited.footerlink{
	font:11px 'Caudex', serif;
	text-align:center;
	color: #A4A4A4;
}

a:hover.footerlink{
	font:11px 'Caudex', serif;
	text-align:center;
	color: #C1C1C1;
}

a:active.footerlink{
	font:11px 'Caudex', serif;
	text-align:center;
	color: #C1C1C1;
}

.menuslider{
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:794px;
	height:70px;
	overflow:hidden;
	visibility:hidden;	
}

.menuslides{
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:794px;
	height:70px;
	overflow:hidden;
}

.menuscrollercontainer{
	float:left;
	width:794px;
	height:auto;
	margin:auto;
}

.menubox{
	width:894px;
	height:auto;
	margin:auto;
}

.yearbox{
	position:absolute;
	left:20px;
	top:20px;
	width:130px;
	height:auto;
}

.yearbox2{
	position:absolute;
	left:40px;
	top:90px;
	width:43px;
	height:auto;
	background:rgba(0,0,0,0.8);
	padding:10px 10px 15px 10px;
	border-radius:10px;
	transition:background 1s;
}

.yearbox2:hover{
	background:rgba(0,0,0,1);
}



a.twelve:link{
	font-family:'Caudex', serif;
	font-weight: bold;
	font-size:17px;
	color: #1ed500;
	text-decoration: none;
}
a.twelve:visited{
}
a.twelve:hover{
	color: #feeb81;
	text-decoration: underline;
}
a.twelve:active{
	text-decoration: none;
}
.current12{
	font-family:'Caudex', serif;
	font-weight: bold;
	font-size:17px;
	text-decoration: none;
	color: #FACD00;
	margin:0;
}

a.thirteen:link{
	font-family:'Caudex', serif;
	font-weight: bold;
	font-size:17px;
	color: #9EAEDC;
	text-decoration: none;
}
a.thirteen:visited{
}
a.thirteen:hover{
	color:#CFDFFF;
	text-decoration: underline;
}
a.thirteen:active{
	text-decoration: none;
}
.current13{
	font-family:'Caudex', serif;
	font-weight: bold;
	font-size:17px;
	text-decoration: none;
	color:#99CC99;
	margin:0;
}


a.fourteen:link{
	font-family:'Caudex', serif;
	font-weight: bold;
	font-size:17px;
	color: #AEEDDE;
	text-decoration: none;
}
a.fourteen:visited{
	color: #AEEDDE;
	text-decoration: none;
}
a.fourteen:hover{
	color:#D0C8E7;
	text-decoration: underline;
}
a.fourteen:active{
	color:#D0C8E7;
	text-decoration: underline;
}
.current14{
	font-family:'Caudex', serif;
	font-weight: bold;
	font-size:17px;
	text-decoration: none;
	color:#D0C8E7;
	margin:0;
}





.openbutton{
	position:absolute;
	display:block;
	top:76px;
	left:15px;
	bottom:auto;
	right:auto;
	z-index:100;
}

.openbutton.gallery{
	top:105px;
	left:20px;
}

.openbuttonmobile{
	display: none;
}

.shieldbox{
	position:absolute;
	right:20px;
	top:20px;
	left:auto;
	bottom:auto;
	width:100px;
	height:auto;
	opacity:0.6;
	transition:opacity 1s;
	z-index:10000;
}


.shieldbox:hover{
	opacity:0.9;
}

.img100{
	width:100%;
	height:auto;	
}

.galmenuitemcontainer{
	display:table;
	height:auto;
	margin:auto;
	background-color:#e3ffe4;
}

.galmenuitem{
	display:table;
	height:auto;
	padding:0 0.5%;
	float:left;
	background-color: silver;
	border:1px solid black;	
}

.gallerycontainer{
	width:60%;
	height:auto;
	margin:auto;
}

.headerbox{
	display:table;
	padding:10px 30px;
	margin:20px auto;
	border-radius:20px;
	background-color:rgba(0,0,0,0.8);
}

.grid-container {
  display: grid;
  width:80%;
  height:auto;
  margin:auto;
  grid-template-columns: auto auto auto auto auto auto;
  padding: 10px;
  	background-color:rgba(0,0,0,0.8);
}

.grid-item {
	position:relative;
  border: 1px solid #666666;
  padding: 10px;
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  top: -30%;
  left: 50%;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  width: 80px;
  height:80px;
  border-radius:50%;
  transform:translate(-50%, 0);
  transform: scale(0);
  transition: 1s ease;
}

/* When you mouse over the container, the overlay text will "zoom" in display */
.grid-item:hover .overlay {
  transform: scale(1);
  top:50%;
  transform:translate(-50%, -50%);
}

.icon{
	 display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}

.arrowbox{
	float:left;
	width:50px;
	height:auto;
}

.gallery{
	font-family: 'gaelicregular', serif;
	font-weight: normal;
	font-size:38px;
	color: white;
	letter-spacing:.1em;
	text-align: center;
}


/* New 2019 */


.pagewrapper{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

h1{
	font-family: 'gaelicregular', serif; 
	font-size:22px;
	line-height:26px;
	font-weight: normal;
	color: #FACD00;
	text-align: center;	
}


h2{
	font:15px 'Caudex', serif;
	font-weight: bold;
	line-height:19px;
	color: #F1FFEA;
	letter-spacing:.1em;
	text-align: center;
}

h2.col{
	color:#ffffff;
}

p{
	font:15px 'Caudex', serif;
	line-height:17px;
	color: #e6e6e6;
	letter-spacing:.1em;
	text-align: left;
}

a:link{
	font:15px 'Caudex', serif;
	line-height:19px;
	color: #e6e6e6;
	text-decoration:none;
}

a:visited{
	color: #cccccc;
}

a:hover{
	color: #ffffff;
}

a:active{
	color: #ffffff;
}


.clearfloat {
	clear:both;
}


#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  left: 0;
}


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


	.openbutton{
	display:none;
}

.openbuttonmobile{
	position:relative;
	display: block;
	width:94%;
	height:35px;
	padding-top:7px;
	background-color:rgba(0,0,0,0.8);
	border-radius:15px;
	margin:auto;
}

.graphicbox{
	width:16.4%;
}

.menuslider{
	width:564px;	
}

.menuslides{
	width:564px;
}

.yearbox{
	position:relative;
	left:auto;
	top:auto;
	width:100px;
	height:auto;
	margin:10px auto;
}	


.gallery{
	font-size:28px;
	line-height:38px;
}

.gallerycontainer{
	width: 80%;
	margin:auto;
}

.menubox{
	width:630px;
}

.menuscrollercontainer{
	width:530px;
}

}

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

.menuslider{
	width:300px;	
}

.menuslides{
	width:300px;
}
	


.menubox{
	width:438px;
}

.menuscrollercontainer{
	width:338px;
}

}	




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

.gallerycontainer{
	width: 98%;
	margin:auto;
}

.shieldbox{
	position:relative;
	right:auto;
	top:auto;
	left:auto;
	bottom:auto;
	transform: translate(0, 0);
	margin:30px auto;
}

.yearbox2{
position:relative;
	left:auto;
	top:auto;
	margin:10px auto;
	padding:5px;
}

.contentboxmain {
	width: 800px;
	margin: auto;
	text-align: center;

}

.contentboxsub {
	width: 800px;
	margin: auto;
	text-align: center;

}

.introcontainer{
	width: 60%;
	margin:auto;
}

}


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




.menuslider{
	width:224px;	
}

.menuslides{
	width:224px;
}

.menubox{
	width:324px;
}

.menuscrollercontainer{
	width:224px;
}

}


	/* for 480px or less */
@media screen and (max-width: 480px) {



.contentboxmain {
	width: 320px;
	margin: auto;
	text-align: center;

}

.contentboxsub {
	width: 320px;
	margin: auto;
	text-align: center;

}

.introcontainer{
	width: 95%;
	margin:auto;
}




}