.callout.lightredbg {
  background: #FFE7E7;
  border-color: #FFB2B2;
}

.callout.lightgreenbg {
  background: #EFFFF1;
  border-color: #BEE0C4;
}

/* Slider */
.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  margin-bottom: 20px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  /*     overflow: hidden; */
  
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  
  height: auto;
  
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  background: transparent;
  /* border: none; */
  outline: none;
  z-index: 1;
  border-width: 0;
}

.slick-prev::after, .slick-next::after {
  content: none;
  display: none;
}


.slick-prev path,
.slick-next path { 
  fill: #fff5;
  stroke: #0007;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
  color: transparent;
  outline: none;
  border-width: 0;
  background: transparent;
}
.slick-prev:hover path,
.slick-next:hover path
{
  fill: #6666;
}



.slick-prev {
  left: 2rem;
  top: 1.5rem;
}



.slick-next {
  right: 2rem;
  top: 1.5rem;
}


.announcement-item {
  z-index: 1;
  min-height: 40px;
  padding: 0.75rem 2rem 1rem 2rem;
}

.announcement-item::before {
  content: "";
  position: absolute;
  background: #fdfdfd;
  width: 200vw;
  height: 100%;
  top: 0px;
  left: -50vw;
  z-index: -1;
}



.announcement-item.slick-active::before {
  height: 100%;
}
.announcement-item.slick-slide {
  visibility: hidden;
  opacity: 0;
}
.slick-slide.slick-active {
  visibility: visible;
  opacity: 1;
}



.announcement-item small.badge,
.announcement-item .badge  {
  background: #222;
  display: inline-block;
  color: #fff;
  padding: 2px 6px;
  margin: auto 6px;
  border-radius: 6px;
}

.announcement-item h1,
.announcement-item h2,
.announcement-item h3,
.announcement-item h4,
.announcement-item h5 {
  margin-top: 0;
}

.announcement-item.blue::before {
  background: #C0E0FF;
}

.announcement-item.blue small.badge,
.announcement-item.blue .badge  {
  background: #003A6A;
}

.announcement-item.grey::before,
.announcement-item.gray::before {
  background: #eee;
}

.announcement-item.grey small.badge,
.announcement-item.grey .badge,
.announcement-item.gray small.badge,
.announcement-item.gray .badge  {
  background: #eee;
}

.announcement-item.red::before {
  background: #fcc;
}

.announcement-item.red small.badge,
.announcement-item.red .badge {
  background: #900;
}

.announcement-item.green::before {
  background: #C2FBCC;
}

.announcement-item.green small.badge,
.announcement-item.green .badge {
  background: #087B1C;
}

.announcement-item.black::before {
  background: #101010;
}

.announcement-item.green small.badge,
.announcement-item.green .badge {
  background: #087B1C;
}

.announcement-item.black small.badge,
.announcement-item.black .badge {
  background: #fff;
  color: #000;
}

.announcement-item.black,
.announcement-item.black p {
  color: #eee;
}



.announcement-item p:last-child {
  margin-bottom: 0;    
}

.announcement-item.black h1,
.announcement-item.black h2,
.announcement-item.black h3,
.announcement-item.black h4,
.announcement-item.black h5{
  color: #fdfdfd!important;;
}



.announcement-item.black .btn, .announcement-item.black .btnlink, .announcement-item.black .button {
  cursor: pointer;
  border: solid 3px #fff;
  color: #000;
  background: #fff;
}

.announcement-item.black .btn.red, .announcement-item.black .btnlink.red, .announcement-item.black .button.red {
  cursor: pointer;
  border: solid 3px #c00;
  color: #fff;
  background: #c00;
}

.announcement-item.black .btn:hover,
.announcement-item.black .btn:active,
.announcement-item.black .btnlink:hover,
.announcement-item.black .btnlink:active,
.announcement-item.black .button:hover,
.announcement-item.black .button:hover{
  border: solid 3px #c00;
  color: #fff;
  background: #c00;
  box-shadow: 3px 3px 0px #fff;
}

@media only screen and (max-width: 1000px) {
  .slick-track {
    padding: 15px 0px;
  }
  
  .slick-prev {
    left: .5rem;
  }
  .slick-next {
    right: .5rem;
  }
}