/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/





/*Cookie Consent Begin*/
#cookieConsent {
position:fixed;
bottom:0px;
    background-color: rgba(13, 21, 42,0.9);
     height: 0px;
		 width:0px;
    font-size: 14px;
		font-weight: bold;
    color: #fff;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
     
    
    left: 46%;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #FFCF83;
    text-decoration: none;
}


#cookieConsent :hover{
    color: #ffffff;
    text-decoration: none;
}


#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 20px;
    margin: 0 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #78CC5A;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 10px;
    cursor: pointer;
    float: right;
    margin: 0 10px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #94FF6F;
}

#cookieConsent a.noCookies {

    background-color: #bf110d;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 10px;
    cursor: pointer;
    float: right;
    margin: 0 10px 0 10px;
}

#cookieConsent a.noCookies:hover {
    background-color: #ff060F;
}

/*Cookie Consent End*/


.dayBox{
z-index:1000;
display:none;
width:320px;
height:400px;

background-color:#ffffff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
background-image:url('images/showback.jpg');
	background: rgb(128,64,0);
background: linear-gradient(175deg, rgba(128,64,0,0.5) 0%, rgba(0,0,0,0.5914565655363708) 47%);
	
}



.dayShowCLS{
margin:22px;
border:solid 1px red;
color:#000000;
height:350px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
overflow-x:hidden;
overflow-y:auto;
background-color:#ffffff;
}

.doLineFeed{
display:none;
}

.grayscroll{
font-size: 28px; 

}


.doPrintBut {
	width: 220px;
	height: 60px;
	cursor: pointer;
	font-family: Sunmora, sans-serif;
	font-size: 36px;
	font-weight:bold;
	color: white;
	border: none;
	border-radius: 25px;
	background-image: url("../images/artlogo.png");
	background-size: 40%;
	background-position: left;
	transition: 1s;
}

.doPrintBut:before {
	width: 220px;
	height: 60px;
	content: 'Print Form';
	background: rgba(0,0,0,0.6);
	border-radius: 25px;
	position: absolute;
	transition: 500ms;
}


.doDownloadBut {
	width: 220px;
	height: 60px;
	cursor: pointer;
	font-family: Sunmora, sans-serif;
	font-size: 36px;
	font-weight:bold;
	color: white;
	border: none;
	border-radius: 25px;
	background-image: url("../images/artlogo.png");
	background-size: 40%;
	background-position: left;
	transition: 1s;
}

.doDownloadBut:before {
	width: 220px;
	height: 60px;
	content: 'DownLoad';
	background: rgba(0,0,0,0.6);
	border-radius: 25px;
	position: absolute;
	transition: 500ms;
}

.sidewide{
display:inline-block;
}


#showPopSubject{
position:relative;
top:-12px;
left:-3px;
font-weight:bold;
font-family:arial;
font-family: Sunmora, times new roman, serif;
font-size:28px;

}


#showPopDate{
position:relative;
left:-3px;
font-weight:bold;
font-family:arial;
top:-23px;
margin-bottom:3px;
}


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

.sidewide{
display:none;
}

}


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

	.events-calendar-header,
	.events-calendar-header nav,
	.events-calendar,
	.fc-calendar-container,
	.fc-calendar,
	.fc-calendar .fc-head,
	.fc-calendar .fc-row > div > span.fc-date {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		height: auto;
		width: auto;
	}

.dayBox{
z-index:1000;
display:none;
width:320px;
height:80%;

background-color:#ffffff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 96%;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
background-image:url('images/showback.jpg');
	background: rgb(128,64,0);
background: linear-gradient(175deg, rgba(128,64,0,0.5) 0%, rgba(0,0,0,0.5914565655363708) 47%);
	
}



.dayShowCLS{
margin:2px;
border:solid 1px red;
color:#000000;
height:350px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
overflow-x:hidden;
overflow-y:auto;
background-color:#ffffff;
}

.doLineFeed{
display:block;
}

.grayscroll{
font-size: 22px; 

}


#showPopSubject{
position:relative;
top:-8px;
left:-3px;
font-weight:bold;
font-family:arial;
font-family: Sunmora, times new roman, serif;
font-size:20px;

}


#showPopDate{
position:relative;
left:-3px;
font-weight:bold;
font-family:arial;
top:-18px;
margin-bottom:3px;
}


.doPrintBut {
	width: 150px;
	height: 30px;
	cursor: pointer;
	font-family: Sunmora, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: white;
	border: none;
	border-radius: 25px;
	background-image: url("../images/artlogo.png");
	background-size: 40%;
	background-position: left;
	transition: 1s;
}

.doPrintBut:before {
	width: 150px;
	height: 30px;
	content: 'Print Form';
	background: rgba(0,0,0,0.6);
	border-radius: 25px;
	position: absolute;
	transition: 500ms;
}


.doDownloadBut {
	width: 150px;
	height: 30px;
	cursor: pointer;
	font-family: Sunmora, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: white;
	border: none;
	border-radius: 25px;
	background-image: url("../images/artlogo.png");
	background-size: 40%;
	background-position: left;
	transition: 1s;
}

.doDownloadBut:before {
	width: 150px;
	height: 30px;
	content: 'DownLoad';
	background: rgba(0,0,0,0.6);
	border-radius: 25px;
	position: absolute;
	transition: 500ms;
}


.sidewide{
display:none;
}

@font-face {
    font-family: "Sunmora-Bold";
    src: url('fonts/Sunmora-Bold.ttf') format("truetype");
}


@font-face {
    font-family: "Space";
    src: url('fonts/space_and_astronomy.ttf') format("truetype");
}

@font-face {
    font-family: "Canterbury";
    src: url('fonts/Canterbury.ttf') format("truetype");
}


 
.grad222{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -o-llinear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));


}



a.dounderline {
  position: relative;
  display: inline-block;
  font-family: Sunmora, times new roman, serif;
  font-size: calc(0.8em + 1vw);
  text-decoration: none;
  color: rgb(var(--link-color));
}

a.dounderline:hover::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;

  /* Adjust height and bottom values to work with selected font */
  height: .22em;
  bottom: -.20em;

  /* Create gradient */
  background-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(var(--link-color), .6) 30%,
    rgba(var(--link-color), .7) 50%,
    rgba(var(--link-color), .6) 70%,
    transparent 100%
  );

  /* Set-up fade-in animation */
  opacity: 0;
  animation: fadeIn 600ms ease-out forwards;
}
 
/* Fade-in animation */
@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}


@font-face {
    font-family: "Sunmora";
    src: url('fonts/Sunmora-Bold.ttf') format("truetype");
}


@font-face {
    font-family: "Space";
    src: url('fonts/space_and_astronomy.ttf') format("truetype");
}



.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
		-webkit-tap-highlight-color: transparent;
}


.doPrintBut:hover:before {
	background: rgba(0,0,0,0);
	text-shadow: 3px 3px 3px black;
}

.doPrintBut:hover {
	background-position: center;
	box-shadow: 0px 0px 18px rgba(205, 152, 98, 1.99);
}

.doPrintBut:focus {
	outline: none;
}

.doPrintBut, doPrintBut:before {
	display: flex;
	align-items: center;
	justify-content: center;
}


.doDownloadBut, doDownloadBut:before {
	display: flex;
	align-items: center;
	justify-content: center;
}


.doDownloadBut:hover:before {
	background: rgba(0,0,0,0);
	text-shadow: 3px 3px 3px black;
}

.doDownloadBut:hover {
	background-position: center;
	box-shadow: 0px 0px 18px rgba(205, 152, 98, 1.99);
}

.doDownloadBut:focus {
	outline: none;
}


.butClas{

display:none;
width: 36px;
border:solid 1px #000;

cursor: pointer; 
cursor: hand;

}



.footer-social-links{
    font-size: 14px;
  text-align: center;
  margin-top: 0px;
}
.footer-social-links a{
 position:relative;
    
     
}
  
.footer-social-links a:hover{
    color: #000;
		top:0px;
		left:0px;
}

.isSocial{

  -webkit-filter: grayscale(100%); 
                filter: grayscale(100%);
}


.doGray{
-webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.doColor{

}

.doCast{
position:relative;
 	top:1px;
		left:0px;
		-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.9));
  filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.9));
	/*	-webkit-filter: brightness(1.5);
  filter: brightness(1.5);'
	*/
}

.handgrip{
cursor: pointer; cursor: hand;
} 



#showPopSubject{
position:relative;
top:-12px;
left:-3px;
font-weight:bold;
font-family:arial;
font-family: Sunmora, times new roman, serif;
font-size:28px;

}

#showPopDate{
position:relative;
left:-3px;
font-weight:bold;
font-family:arial;
top:-23px;
margin-bottom:3px;
}


#PopData{
position:relative;
top:-32px;
}



#DoDate{
position:relative;
top:-8px;
font-size:14px;
}
#showDate{
z-index:1000;
display:none;
width:320px;
height:400px;

background-color:#ffffff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
background-image:url('images/showback.jpg');
	background: rgb(128,64,0);
background: linear-gradient(175deg, rgba(128,64,0,0.5) 0%, rgba(0,0,0,0.5914565655363708) 47%);
	
}

#day{
margin:22px;
border:solid 1px red;
color:#000000;
height:350px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
overflow-x:hidden;
overflow-y:auto;
background-color:#ffffff;
}

 
#showDate2::after{
  content:url('images/blueX.gif'); 
  position:fixed; /*or absolute*/
  z-index:1000000; 
top: 50%;
left: 50%;
}

.showX{
background-color:red;

float:right;
position:relative;
top:2px;
cursor: pointer; 
cursor: hand;
}

.doubleDate{
position:relative;
top:-18px;
font-size:14px;

}