/** mutli alide   2/25/2022 */
section#block-views-block-carousel-news-multi-slide-news-multi-slide {
/*	width: 85%;    remove 3/7/2022 */
	margin-left: auto;
	margin-right: auto;
 }
 
 /* remove 

#block-views-block-carousel-news-multi-slide-news-multi-slide h2 {
    color: #25354d;   /* 2/27/2022 #999999; 
    font-family: Verdana, Geneva, Arial, 'Bitstream Vera Sans', 'DejaVu Sans', Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Osaka, sans-serif;
    font-size: 2rem;
   margin-top: -.62em;
   border-bottom: 0px;
}
*/


 /* the slides */
  .slick-slide {
/*      margin: 0 5px;  remove 5/28/2022 */
      margin: 0 10px;
  /*    width: 350px;     remove 5/28/2022 */
/*      width: 325px;    remove 7/11/2022 */
	  border: 1px solid #f2f2f2;
  }


/* new 3/15/2022 */
.slick-slide img {
  display: block;
  width: 100%;
}



  /* the parent */
  .slick-list {
      margin: 0 -5px;
  }


.news-publish {
	background-color: #ebebeb;
    padding: 6px 0px 5px 10px;
    font-size: 1.4rem;
}

.news-publish.spotlight {
	background-color: #f29130;
	color: #ffffff;
}


 .views-field-field-news-image > .field-content > .img-responsive {
  border: 0px;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 100%;
}

/*  don't need this? 

#slick-views-carousel-news-multi-slide-news-multi-slide-1 .slick__arrow {
    position: absolute;
    top: 35%;
    background: transparent;
    height: 80px;
    color: transparent;
    border: none;
	margin-left: 0em;  
	width: 100%;   
}
*/

/* from slick.theme */

/**
 * Skins.
 * Arrows contained/wrapped within slick__arrow for easy moves.
 */
/* Overrides problematic hidden arrows at core slick.css */
.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick__arrow {
  bottom: auto;
  height: 2px;
  left: 120px;   /* was 0 now 2rem;  2/27/2022*/
/*  margin-top: -1px;  remove 2/27/2022 */
  pointer-events: none;
  position: absolute;
  top: 56%;  /* was 50% now 56% 2/27/2022 */
  transform: translateY(-60%);
  width: 83%;  /* 2/27/2022 was 100% now 88% */
  z-index: 2;
}

/** Keeps decent fallback for when slick-theme.css is disabled, even if dup. */
.slick-arrow {
  border: 0;
  border-radius: 50%;
  font-size: 0;
  height: 42px;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42px;
  background-color: rgba(242, 145, 48, 0.50);                /* #f29130; */
}


.slick-arrow:active,
.slick-arrow:focus {
  box-shadow: none;
  outline: 0;
}

.slick-arrow::before,
.slick-arrow::after {
  pointer-events: none;
  
}


.slick .slick-prev::before {
  content: '<';
  color: #ffffff;
  font-size: 36px;
  font-size: 2rem;
}

.slick .slick-next::before {
  content: '>';
  color: #ffffff;
  font-size: 36px;
  font-size: 2rem;
}

/*
.slick-arrow::before {
  color: #ff6d2c;
  font-size: 36px;
  font-size: 2.25rem;
}

*/

.slick-arrow:hover::before {
  color: #ffffff;
}



/* end from slick.theme */



div.news-carousel-title {
/*	padding: 10px;  remove 5/18/2022 */
/*	text-align: center;   remove 5/18/2022 */
    text-align: left;
	padding-left: 4px;  
/*	min-height: 7rem;  remove 5/18/2022 */
}


.news-carousel-title a {
	font-size: 1.7rem;
	border: 0px;

}

.news-carousel-title a:hover {
   border-bottom: 1px solid #5B78A0;
 }


/* end multi slide */

#slick-views-carousel-news-multi-slide-news-multi-slide-1  div.views-field-body  {
	padding-left: 4px;  
	padding-right: 10px;  
	min-height: 10em;

 }

 



@media (max-width: 64em) {

section#block-views-block-carousel-news-multi-slide-news-multi-slide  .img-responsive {
		margin-left: 0px;
	}



.slick-prev {
  left: -100px;
}

.slick-next {
  right: 100px;
}


.slick__arrow {
  bottom: auto;
  height: 2px;
  left: 120px;   /* was 0 now 2rem;  2/27/2022*/
/*  margin-top: -1px;  remove 2/27/2022 */
  pointer-events: none;
  position: absolute;
  top: 56%;  /* was 50% now 56% 2/27/2022 */
  transform: translateY(-60%);
  width: 83%;  /* 2/27/2022 was 100% now 88% */
  z-index: 2;
}

/** Keeps decent fallback for when slick-theme.css is disabled, even if dup. */
.slick-arrow {
  border: 0;
  border-radius: 50%;
  font-size: 0;
  height: 42px;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42px;
  background-color: rgba(242, 145, 48, 0.50);                /* #f29130; */
}




}