/* Menu */
.zoom {padding: 10px;transition: transform .2s;}
.zoom:hover {transform: scale(1.2);}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 1.0);
  overflow-y: hidden;
  transition: 0.5s;
  opacity:.90;
}

.overlay-content {
  position: relative;
  top: 2%;
  width: 98%;
  text-align: center;
  margin-top: 20px;
  margin-left: 5px;
}

.overlay-content td {
  vertical-align:top;
  border:1px solid #ccc;
}

.overlay_title {
  padding: 1px 6px;
  text-decoration: underline;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.rborder {
  border-right:1px solid #fff;
}

.overlay a {
  padding: 1px 1px;
  text-decoration: underline;
  font-size: 12px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

/* .overlay a.lnk {
  margin-left:15px;
} */

.overlay a:hover, .overlay a:focus {
  text-decoration:none;
  color: salmon;
}

.overlay .closebtn {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 16px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.overlaybutton:hover {
  color:#fff;
  box-shadow: 0 5px 15px #afe0f5;
}


/* Ticker */
.tickerstyle { width:400px; height:280px; border:none; background:transparent; padding:8px 0 0 35px; overflow:hidden; }
.messagediv { display: none;background:transparent;color:#fff; }
/* Messages paused */
.mp { position:relative; z-index:24; }
.mp span{ display: none; }
.mp:hover{ z-index:25; }
.mp:hover span.theMessage{ display:block; position:absolute; bottom:3px; right:0; padding: 0 0 0 0; width:400px; color: #fff; text-align: right; font-size:10px; font-weight:bold; }

/* Video overlay */
/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
  background-image:url(../images/transparent2.png);
  color:#fff;
}

div.apple_overlay h2 {
  margin:10px 0 -9px 0;
  font-weight:bold;
  font-size:14px;
}

div.black h2 {
  color:#fff;
}

#apple {
  margin-top:10px;
  text-align:center;
}

#apple img {
  background-color:#fff;
  padding:2px;
  border:1px solid #ccc;
  margin:2px 5px;
  cursor:pointer;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
      
#pear {
  margin-top:10px;
  text-align:center;
}

#pear img {
  background-color:#fff;
  padding:2px;
  border:1px solid #ccc;
  margin:2px 5px;
  cursor:pointer;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
      
#plum {
  margin-top:10px;
  text-align:center;
}

#plum img {
  background-color:#fff;
  padding:2px;
  border:1px solid #ccc;
  margin:2px 5px;
  cursor:pointer;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
      
.details {
  display: block;
  width: 450px;
  margin: 0 auto;
  padding:3px 10px 10px 10px;
  /* background-color: #101010; */
}

.rdEntry {
  background: #dddddd;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));

background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%);

background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%);

background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%);

background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}

/*Slideshow*/
#slider {
	width: 400px;
	height: 260px;/* Make it the same size as your images */
	background: #fff url(https://www.kcdhh.ky.gov/images/loading.gif) no-repeat 50% 50%;
	position: relative;
	margin: 0 auto;/*make the image slider center-aligned */
	box-shadow: 0px 1px 5px #999999;
}

#slider img {
	position: absolute;
	border: none;
	display: none;
}

/* the link style (if an image is wrapped in a link) */

#slider a.imgLink {
	z-index: 2;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

/*Slideshow - new*/
#slider-new {
	width: 400px;
	height: 260px;/* Make it the same size as your images */
	background: #fff url(https://www.kcdhh.ky.gov/images/loading.gif) no-repeat 50% 50%;
	position: relative;
	margin: 0 auto;/*make the image slider center-aligned */
	box-shadow: 0px 1px 5px #999999;
}

#slider-new img {
	position: absolute;
	border: none;
	display: none;
}

/* the link style (if an image is wrapped in a link) */

#slider-new a.imgLink {
	z-index: 2;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

/* Caption styles */
div.mc-caption-bg,
div.mc-caption-bg2 {
	position: absolute;
	width: 100%;
	height: auto;
	padding: 0;
	left: 0px;
	bottom: 15px;
	z-index: 3;
	overflow: hidden;
	font-size: 0;
}

div.mc-caption-bg { background-color: black; }

div.mc-caption {
	font: bold 14px/20px Arial;
	color: #EEE;
	z-index: 4;
	padding: 10px 0;
	text-align: center;
}

div.mc-caption a { color: #FB0; }

div.mc-caption a:hover { color: #DA0; }

/* ------ built-in navigation bullets wrapper ------*/

div.navBulletsWrapper {
	top: 262px;
	width: 60px;
  margin: 0 auto;
	background: none;
	position: relative; 
	z-index: 5;
	cursor: pointer;
}

/* each bullet */

div.navBulletsWrapper div {
	width: 11px;
	height: 11px;
	background: transparent url(https://www.kcdhh.ky.gov/images/bullet.png) no-repeat 0 0;
	float: left;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 8px;/* distance between each bullet*/
	_position: relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active { background-position: 0 -11px; }


/*MISC*/
#ch a:link {
  color:#fff !important;
  text-decoration:underline !important;
}
#ch a:visited {
  color:#fff !important;
  text-decoration:underline !important;
}
#ch a:hover {
  color:#fff !important;
  text-decoration:none !important;
}
#ch a:active {
  color:#fff !important;
  text-decoration:underline !important;
}
.warn {
  color: red;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  padding-bottom: 7px;
}
table {
  width:100%;
  margin:0 auto;
}
td.img {
  width:25%;
  text-align:center;
}
td.txt {
 vertical-align:text-top;
 text-align:left;
 padding:0 20px 0 20px;
}
.txtoutl {
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
 color:#fff;
}

/* popup picture */
#open-popup {padding:20px}
  .white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: auto;
    max-width: 200px;
    margin: 20px auto;
    text-align: center;
  }

/* Scroller */
.scrollcontainer {
    width: 60em;
    height: 8em;
    margin: 1em auto;
    overflow: hidden;
    background: yellow;
    position: relative;
    box-sizing: border-box;
}

.marquee {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 12s linear infinite;
    text-align:center;
    font-weight:bold;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   8em }
    100% { top: -15em }
}

/* Make it look pretty */
.magic .marquee {
	margin: 0;
  padding: 0 1em;
  line-height: 1.5em;
  /* font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif; */
}

.magic:before, .magic::before,
.magic:after,  .magic::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%; height: 2em;
    background-image: linear-gradient(180deg, #FFF, rgba(255,255,255,0));
}

.magic:after, .magic::after {
    bottom: 0;
    transform: rotate(180deg);
}

.magic:before, .magic::before {
    top: 0;
}

/* Style the links */
.magic a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none;
}

.magic a:hover {
    color: #F65314;
    text-decoration:underline;
}

.marquee:hover {
    animation-play-state: paused;
}

a.rbut:link, a.rbut:visited {
  background-color: #333f50;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 20px;
}

a.rbut:hover, a.rbut:active {
  background-color: 333f50;
  filter: brightness(150%);
}

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
}

/* Zoom In #1 */
.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.hover02 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}