.carousel {
/*   background: #EEE; */
}

.carousel-cell {
  width: 100%;
  height: auto;
/*   min-height: min(50vw, 80vh); */
  margin-right: 1em;
/*   background: #fff; */
/*   border-radius: 5px; */
/*   counter-increment: carousel-cell; */
}

#case-studies .carousel-cell {
	width: 49%;
}
#event-cycle .main-carousel {
	width: 80%;
	margin: auto;
}

body#casestudies #case-studies .flickity-page-dots { bottom: -13px; /* bottom: -2.5em; padding: 1em 0; */ }
body#casestudies #case-studies .flickity-prev-next-button.next { right: -2em; }
body#casestudies #case-studies .flickity-prev-next-button.previous { left: -2em; }
body#casestudies #case-studies .flickity-prev-next-button { opacity: 0.25; }
body#casestudies #case-studies .flickity-prev-next-button:hover { opacity: 1.0; }
body#casestudies #case-studies .flickity-prev-next-button { width: 3em; height: 3em; color: #999; }

body#eventcycle #event-cycle .flickity-page-dots { /* bottom: -50px; */ bottom: -2.5em; background: /* #8f7db0; */ #A599BC; padding: 1em 0; }
body#eventcycle #event-cycle .flickity-prev-next-button.next { right: 0; }
body#eventcycle #event-cycle .flickity-prev-next-button.previous { left: 0; }
body#eventcycle #event-cycle .flickity-prev-next-button { opacity: 0.25; }
body#eventcycle #event-cycle .flickity-prev-next-button:hover { opacity: 1.0; }
body#eventcycle #event-cycle .flickity-prev-next-button { width: 3em; height: 3em; color: #999; }

body.fs #event-cycle .main-carousel { width: 100%; }
body.fs #menu { display: none !important; }
body.fs footer div { visibility: hidden; }
body.fs #event-cycle { padding: 0 !important; }
body.fs #button-fs img:first-of-type { display: none; }
body:not(.fs) #button-fs img:nth-of-type(2) { display: none; }
button#button-fs { width: 1.25em; background: transparent; border: none; position: absolute; top: 1.2em; right: 1em; }

/* cell number */
/* 
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);

  line-height: 200px;
  font-size: 80px;

  color: #ccc;
}
 */

/* 
.carousel-cell div
{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	color: #000;
	padding: 1em;
}
 */
.carousel-cell div h2 { font-weight: 650; color: #432aaf; }
.carousel-cell div h3 { font-weight: 650; color: #432aaf; }

.carousel-cell img { width: 100%; }
#case-studies .carousel-cell img { border-right: 1px solid rgba(0,0,0, 0.2); }
#case-studies .carousel-cell { padding-bottom: 1em; }
#event-cycle .carousel-cell { padding-bottom: 0.5em; }


.flickity-page-dots .dot {
  width: 0.5em;
  height: 0.5em;
  margin: 0 0.5em 0 0.5em;
}
.flickity-prev-next-button {
  width: 2em;
  height: 2em;
}  
#case-studies .flickity-page-dots .dot:hover {
  background: #000;
  opacity: 1.0;
}
#event-cycle .flickity-page-dots .dot:hover {
  background: #fff;
  opacity: 1.0;
}


#event-cycle .flickity-prev-next-button.previous {
  left: -2.5em;
}
#event-cycle .flickity-prev-next-button.next {
  right: -2.5em;
}


/* position outside */
.flickity-prev-next-button.previous {
  left: -1em;
}
.flickity-prev-next-button.next {
  right: -1em;
}

@media all and (max-width: 600px)
{
	body#casestudies #case-studies { padding: 15em 6em 1em 6em; padding: 21vw 8vw 3vw 8vw; }
	body#casestudies #case-studies h2 { font-size: 170%; }
	body#casestudies #case-studies #blurb { margin-bottom: 2em; }
	
	body#casestudies .carousel-cell { width: 100%; }
	body#casestudies #case-studies .flickity-prev-next-button.previous
	{
		left: -2.2em;
	}

	body#casestudies #case-studies .flickity-prev-next-button.next
	{
		right: -2.2em;
	}

	body#casestudies #case-studies .flickity-page-dots
	{
		bottom: 0;
	}
	body#casestudies #case-studies .flickity-page-dots .dot {
 		margin: 0 0.15em !important;
	}

	body#eventcycle #event-cycle { padding-top: 15em; padding-top: 21vw; }
	#event-cycle .main-carousel { width: 100%; }
	body#eventcycle .carousel-cell { width: 100%; }
	body#eventcycle #event-cycle .flickity-page-dots
	{
		bottom: -2.5em;
	}
}