@import url('../../structure/features/mc-ks-feed.css');

/*
==============================================
KITCHEN SINK MC FEED
==============================================
*/

.mc-ks-feed.mc-container .mc-main-heading-wrapper .mc-main-heading {
  color: var(--dark);
  font-family: var(--font-2);   
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;  
  text-transform: uppercase; 
}
.mc-ks-feed .mc-heading {
  color: var(--gray-dark);
  font-family: var(--font-2);  
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}
.mc-ks-feed .mc-date {
  color: var(--gray-dark);
  font-family: var(--font-1); 
  font-weight: 300;
  font-size: 16px;
}
.mc-ks-feed .mc-heading:after {
  content: "";
  display: block;
  height: 5px;
  width: 60px;
  position: relative;
  background: var(--light);
  margin: 32px auto 0px !important;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.mc-ks-feed a:hover .mc-heading:after {
  width: 90px;
}
.mc-ks-feed .mc-copy {
  color: var(--gray-dark);
  font-family: var(--font-1);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.mc-ks-feed .mc-cta {
  color: var(--medium);
  font-family: var(--font-2);
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}
.mc-ks-feed .slick-slide a:hover {
  box-shadow: none;
}
.mc-ks-feed a:hover .mc-heading {
  color: var(--medium);
}
.mc-ks-feed a:hover .mc-cta {
  color: var(--gray-dark);
  letter-spacing: 2px;
}
.mc-ks-feed .mc-category {
  color: var(--medium);
}
.mc-ks-feed .mc-category:hover {
  color: var(--dark);
}
.mc-ks-feed .slick-prev:before, .mc-ks-feed .slick-next:before {
  color: var(--gray-dark);  
}
.mc-ks-feed .slick-prev:hover:before, .mc-ks-feed .slick-next:hover:before {
  color: var(--medium);  
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
 

}

/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
 
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {

}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

}