@charset "UTF-8";

/*THIS IS STYLE USED FOR THE FLEXBOX CELLS AND CAROUSEL -- THIS CAN BE USED TO CHANGE THE LOOK AND DESIGN OF THE EVENTS CALENDAR*/



body { font-family: sans-serif; }

.carousel {
  background-image: linear-gradient(#004d86, #002948);
  height: 22em;
}

.carousel-cell {
  width: 25%;
  height: 12em;
  margin-right: 1em;
  background: #ffffff;
  opacity: 75%;
  border-radius: 0;
  margin: 5em 2em 2em 0;
  text-align: left; 
  padding: 3em;
}

.carousel-cell.is-selected {
  background: #ffffff;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: left;
  line-height: 2em;
  font-size: 0em;
}

.cellheader {
  color: #004d86;
  font-size: 2.5em;
  font-family: "Univers LT Std 67 Bold Condensed", "Univers 55";
  text-align: center;
	}
	
.cellcontent {
  color: #004d86;
  font-size: 1.3em;
  font-family: "Univers LT Std 67 Bold Condensed", "Univers 55";
  margin-top: -0.8em;
}
	
.calendarnumber {
  font-family: "Univers LT Std 67 Bold Condensed", "Univers 55";
  font-weight: 400;
  font-size: 4em;
  margin: 0 0 -0.5em 0;
  color: #004d86;
	}

/*ANIMATION*/
a.scale-up-center:hover, a.scale-up-center:focus, a:hover .scale-up-center .news_image, a:focus .scale-up-center .news_image {
	-webkit-animation: scale-up-center 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	
	color: blue;
}

.scale-up-center2:hover svg path.st1, .scale-up-center2:focus svg path.st1 {
	-webkit-animation: scale-up-center2 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center2 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	transform-origin: 10px 10px;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-8 15:56:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
	  
  }
  100% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}
@keyframes scale-up-center2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}





@media only screen and (max-width:2000px) {.carousel-cell {width:35%;}}
@media only screen and (max-width: 1200px) {.carousel {height:20em;}}
@media only screen and (max-width: 768px) {.carousel {height:22em;} .carousel-cell {width: 95%;}}