/*Last Updated: Jan-08-2020 | 11:59 AM*/

/*#region News Feed 01 */

/*Adds margin, border-radius, and box shadow around news items. Makes the element relative and adds overflow hidden
so image doesn't expand outside item.  Adds transition for when hovered away from*/
.c-news-feed-01__item {
  box-shadow: 0 1px 6px 1px #d3d3d3;
  transition: all 0.2s ease-in;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin: 10px;
  background-color:#fff;
}

/*Adds border shadow hover effect and transition on hover */
.c-news-feed-01__item:hover {
  transition: all 0.2s ease-in-out;
  box-shadow: 0 0 0 1px #444;
}

/*Removes default margin on figure element.  Adds border below figure element.  Overflow hidden makes it so the 
image doesn't scale outside the figure element when the item is hovered over. Removes line height from figure element.*/
.c-news-feed-01__figure {
  margin: 0;
  transition: all 0.2s ease-in;
  border-bottom: 3px solid #80bc00;
  overflow: hidden;
  line-height: 0;
}

/*Makes image full-width and adds transition to slowly scale down image when hovered away from item*/
.c-news-feed-01__image {
  transition: all 0.2s ease-in-out;
  width: 100%;
}

/*Changes image scale when item is hovered over */
.c-news-feed-01__item:hover .c-news-feed-01__image {
  transform: scale(1.05);
  transition: all 0.2s ease-in-out;
}

/*--BEGIN Item Date & Badge */

/*Provides layout of item date and badge element.  By using a negagive margin, it pulls up news item title by 10px.*/
.c-news-feed-01__item-date-and-badge {
  display: flex;
  justify-content: space-between;
  margin-bottom: -10px;
}

/*Styles item date*/
.c-news-feed-01__item-date {
  font-size: 14px;
  padding: 6px 10px 6px 20px;
  line-height: normal;
}

/*Normalizes line height of badge. May be able to remove at some point */
#wrapper .c-news-feed-01__badge {
  line-height: normal;
  /* width: 100%; */
}

/*The margin left auto pushes this element to the far right because it's a flex item.  Sets a max-width of 180px */
.c-news-feed-01__badge {
  flex-grow:1;
}

/*Data-feed-source has been added to the element with the badge class to identify the source and add the name as a pseudo element. */
[data-feed-source*="uab.edu/reporter"].c-news-feed-01__badge:before {
  content: "UAB Reporter";
  /* background-color: #1e6b52;
  color: #fff; */
}

/*Data-feed-source has been added to the element with the badge class to identify the source and add the name as a pseudo element. */
[data-feed-source*="uab.edu/news"].c-news-feed-01__badge:before {
  content: "UAB News";
  /* background-color: #808285;
  color: #fff; */
}

/*Data-feed-source has been added to the element with the badge class to identify the source and add the name as a pseudo element. */
[data-feed-source*="uab.edu/uabmagazine"].c-news-feed-01__badge:before {
  content: "UAB Magazine";
  /* background-color: #808285;
  color: #fff; */
}

/*Data-feed-source has been added to the element with the badge class to identify the source and add the name as a pseudo element. */
[data-feed-source*="uab.edu/engineering"].c-news-feed-01__badge:before {
  content: "School of Engineering News";
  /* background-color: #808285;
  color: #fff; */
}

/*SPECIFITY ISSUE - Address when possible */
/*Styling for the badge */
.c-news-feed-01__badge:before {
  display: block;
  /* font-family: "kulturista-web", serif !important; */
  font-size: 14px;
  padding: 5px 10px;
  text-align: right;
  background-color: #eee;
  word-break: keep-all;
  -webkit-hyphens: none;

}

/*--END Item Date & Badge */

/*Adds padding around the copy element */
.c-news-feed-01__copy {
  padding: 20px;
}

/*SPECIFITY ISSUE - Address when possible */
/*Adjusts the font size and removes the default heading margin */
.c-news-feed-01__heading {
  font-size: 1.3em;
  margin: 0 !important;
}

/*SPECIFITY ISSUE - Address when possible */
/*Makes heading bolder and changes the color from green */
.c-news-feed-01__heading-link {
  font-size: inherit;
  font-weight: 600 !important;
  color: #444 !important;
}

/*Adds spacing above intro text*/
.c-news-feed-01__intro-text {
  padding-top: 5px;
}


/*Adds link over entire news item */
.c-news-feed-01__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*--BEGIN Read More Link */


a.c-news-feed-01__readmore-link {
  font-weight:600;
}

/*--BEGIN More News Link  */

/*Styles optional link after news feed */
.c-news-feed-01__post-text-link {
  margin: 10px;
  text-align: center;
}

/*--END More News Link */

/*#endregion News Feed 01 */

/*#region News Feed 02 */

.c-news-feed-02__item {
  margin: 20px 10px;
  box-shadow: 0 1px 6px 1px #d3d3d3;
  transition: all 0.2s ease-in;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

@media all and (min-width: 600px) {
  .c-news-feed-02__item {
    display: flex;
  }
}

.c-news-feed-02__item:hover {
  transition: all 0.2s ease-in;
  box-shadow: 0 0 0 1px #444;
  transition: all 0.2s ease-in;
}

.c-news-feed-02__item:hover .c-news-feed-02__image {
  transform: scale(1.07);
  transition: all 0.2s ease-in;
}

.c-news-feed-02__image {
  transition: all 0.2s ease-in;
  object-fit: cover;
}

.c-news-feed-02__figure {
  margin: 0;
  transition: all 0.2s ease-in;
  overflow: hidden;
  flex-basis: 25%;
  min-width: 200px;
  display: flex;
  align-items: center;
  background-color: #eee;
}

/*--BEGIN Item Date & Badge */

.c-news-feed-02__item-date-and-badge {
  display: flex;
  justify-content: space-between;
}

/*SPECIFITY ISSUE - Address when possible */
#wrapper .c-news-feed-02__badge {
  line-height: normal !important;
}

.c-news-feed-02__badge {
  margin-left: auto;
  max-width: 180px;
}

[data-feed-source*="uab.edu/reporter"].c-news-feed-02__badge:before {
  content: "UAB Reporter";
  /* background-color: #1e6b52;
  color: #fff; */
}

[data-feed-source*="uab.edu/news"].c-news-feed-02__badge:before {
  content: "UAB News";
  /* background-color: #808285;
  color: #fff; */
}

/*SPECIFITY ISSUE - Address when possible */
.c-news-feed-02__badge:before {
  display: block;
  font-family: "kulturista-web", serif !important;
  font-size: 14px;
  padding: 5px;
  background-color: #eee;
}

/*--END Item Date & Badge */

.c-news-feed-02__copy {
  padding: 20px;
}

.c-news-feed-02__copy-date-and-badge {
  flex-basis: 75%;
  flex-grow: 1;
}

/*SPECIFITY ISSUE - Address when possible */
.c-news-feed-02__heading {
  font-size: 1.3em;
  margin: 0 !important;
}

/*SPECIFITY ISSUE - Address when possible */
.c-news-feed-02__heading-link {
  font-size: inherit;
  font-weight: 600 !important;
  color: #444 !important;
}

.c-news-feed-02__intro-text {
  padding-top: 5px;
}

.c-news-feed-02__item-date {
  font-size: 14px;

  line-height: normal;
}

.c-news-feed-02__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}



/*--BEGIN Read More Link */


a.c-news-feed-02__readmore-link {
  font-weight:600;
}



/*--BEGIN */
.c-news-feed-02__post-text-link {
  margin: 10px;
  text-align: center;
  display: block;
}

/*--END More News Link */

/*#endregion News Feed 02 */


/*#region News Feed 03 */

.c-news-feed-03__item {
  margin: 20px 10px;
  transition: all 0.2s ease-in;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #eee;
}

@media all and (min-width: 600px) {
  .c-news-feed-03__item {
    display: flex;
    /* display: grid;
   grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); */
    border: none;
    flex-wrap: wrap;

  }
}

.c-news-feed-03__item:hover {
  transition: all 0.2s ease-in;
  /* box-shadow: 0 0 0 1px #444; */
  transition: all 0.2s ease-in;
}

.c-news-feed-03__item:hover .c-news-feed-03__image {
  transform: scale(1.07);
  transition: all 0.2s ease-in;
}

.c-news-feed-03__image {
  transition: all 0.2s ease-in;
  object-fit: cover;
}

.c-news-feed-03__figure {
  margin: 0 auto 10px;
  transition: all 0.2s ease-in;
  overflow: hidden;
  flex-basis: 50%;
  min-width: 200px;
  flex-grow: 1;

}

@media all and (min-width:900px) {
  .c-news-feed-03__figure {
    max-width: 300px;
  }
}

/*--BEGIN Item Date & Badge */

.c-news-feed-03__item-date-and-badge {
  display: flex;
  justify-content: space-between;
}

/*SPECIFITY ISSUE - Address when possible */
#wrapper .c-news-feed-03__badge {
  line-height: normal !important;
}

.c-news-feed-03__badge {
  margin-left: auto;
  max-width: 180px;
}

[data-feed-source*="uab.edu/reporter"].c-news-feed-03__badge:after {
  content: "UAB Reporter";
  /* background-color: #1e6b52;
  color: #fff; */
}

[data-feed-source*="uab.edu/news"].c-news-feed-03__badge:after {
  content: "UAB News";
  /* background-color: #808285;
  color: #fff; */
}

/*SPECIFITY ISSUE - Address when possible */
.c-news-feed-03__badge:after {
  display: inline-block;
  /* font-family: "kulturista-web", serif !important; */
  font-size: 14px;
  /* padding: 5px; */
}

.c-news-feed-03__item-date-badge-spacer {
  padding: 0 5px;
}


/*--END Item Date & Badge */

.c-news-feed-03__copy {
  padding: 0 0 20px;
}

@media all and (min-width:600px) {
  .c-news-feed-03__copy {
    padding: 0 20px 20px;
  }
}

.c-news-feed-03__copy-date-and-badge {
  flex-basis: 50%;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

/*SPECIFITY ISSUE - Address when possible */
.c-news-feed-03__heading {
  font-size: 1.3em;
  margin: 0 !important;
}

/*SPECIFITY ISSUE - Address when possible */
.c-news-feed-03__heading-link {
  font-size: inherit;
  font-weight: 600 !important;
  color: #444 !important;
}

.c-news-feed-03__intro-text {

  max-width: 40em;
  margin-top: 0;
}

.c-news-feed-03__item-date {
  font-size: 14px;

  line-height: normal;
}

.c-news-feed-03__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


/*--BEGIN Read More Link */


a.c-news-feed-03__readmore-link {
  font-weight:600;
}

/*--BEGIN */
.c-news-feed-03__post-text-link {
  margin: 10px;
  text-align: center;
  display: block;
}

/*--END More News Link */

/*#endregion News Feed 03 */


/*--BEGIN Layout 2 Across */

/*-BEGIN Flex Layout */
@media all and (min-width: 600px) {
  .o-news-feed--2-across {
    display: flex;
    flex-wrap: wrap;
  }



  .o-news-feed__item--2-across {
    flex-basis: calc(50% - 20px);
    min-width: 200px;
  }
}

/*-END Flex Layout */

/*-BEGIN Grid Layout */

@supports (display: grid) {

  .o-news-feed__item--2-across {
    margin: 0;

  }

  .o-news-feed--2-across {
    display: grid;
    grid-gap: 20px;
  }

  @media all and (min-width: 600px) {
    .o-news-feed--2-across {
      grid-template-columns: 1fr 1fr;
    }
  }
}


/*-END Grid Layout */

/*--END Layout 2 Across */

/*--BEGIN Layout 3 Across */

/*-BEGIN Flex Layout */

.o-news-feed__item--3-across {
  min-width: 200px;
}

@media all and (min-width: 600px) {
  .o-news-feed--3-across {
    display: flex;
    flex-wrap: wrap;
  }

  .o-news-feed__item--3-across {
    flex-basis: calc(50% - 20px);

  }
}

@media all and (min-width: 1000px) {
  .o-news-feed__item--3-across {
    flex-basis: calc(33.3% - 20px);

  }
}

/*-END Flex Layout */

/*-BEGIN Grid Layout */

@supports (display: grid) {

  .o-news-feed__item--3-across {
    margin: 0;
  }

  .o-news-feed--3-across {
    display: grid;
    grid-gap: 20px;
  }

  @media all and (min-width: 600px) {
    .o-news-feed--3-across {
      grid-template-columns: 1fr 1fr;

    }
  }

  @media all and (min-width: 900px) {
    .o-news-feed--3-across {
      grid-template-columns: 1fr 1fr;

    }

    @media all and (min-width: 1200px) {
      .o-news-feed--3-across {
        grid-template-columns: 1fr 1fr 1fr;

      }
    }
  }
}


/*-END Grid Layout */

/*--END Layout 3 Across */

/*--BEGIN Layout 4 Across */

/*-BEGIN Flex Layout */


.o-news-feed__item--4-across {
  min-width: 100px;
}

@media all and (min-width: 600px) {
  .o-news-feed--4-across {
    display: flex;
    flex-wrap: wrap;
  }

  .o-news-feed__item--4-across {
    flex-basis: calc(50% - 20px);
  }
}

@media all and (min-width: 1200px) {
  .o-news-feed__item--4-across {
    flex-basis: calc(25% - 20px);
  }
}

/*-END Flex Layout

/*-BEGIN Grid Layout */

@supports (display: grid) {

  .o-news-feed--4-across {
    display: grid;
    grid-gap: 20px;
  }

  .o-news-feed__item--4-across {
    margin: 0;
  }

  @media all and (min-width: 600px) {
    .o-news-feed--4-across {
      grid-template-columns: 1fr 1fr;

    }
  }

  @media all and (min-width: 900px) {
    .o-news-feed--4-across {
      grid-template-columns: 1fr 1fr 1fr;
    }

  }

  @media all and (min-width: 1200px) {
    .o-news-feed--4-across {
      grid-template-columns: 1fr 1fr 1fr 1fr;

    }
  }
}

/*-END Grid Layout */


/*--END Layout 4 Across */

/*--BEGIN Layout 5 Across */

/*-BEGIN Flex Layout */

.o-news-feed__item--5-across {
  min-width: 100px;
}



@media all and (min-width: 600px) {
  .o-news-feed--5-across {
    display: flex;
    flex-wrap: wrap;
  }

  .o-news-feed__item--5-across {
    flex-basis: calc(50% - 20px);
  }
}

@media all and (min-width: 900px) {
  .o-news-feed__item--5-across {
    flex-basis: calc(25% - 20px);
  }
}

@media all and (min-width: 1200px) {
  .o-news-feed__item--5-across {
    flex-basis: calc(20% - 20px);
  }
}

/*-END Flex Layout */

/*-BEGIN Grid Layout */

@supports (display: grid) {

  .o-news-feed--5-across {
    display: grid;
    grid-gap: 20px;
  }

  .o-news-feed__item--5-across {
    margin: 0;
  }

  @media all and (min-width: 600px) {
    .o-news-feed--5-across {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media all and (min-width: 900px) {
    .o-news-feed--5-across {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }

  @media all and (min-width: 1200px) {
    .o-news-feed--5-across {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
  }
}



/*-END Grid Layout */

/*--END Layout 5 Across */


/*--BEGIN Layout 1 Across */

/*Adds margin around 1 across item */
.o-news-feed__item--1-across {
  margin: 0;

}

.o-news-feed--1-across {
  display: grid;
  grid-gap: 20px;
}


/*--END Layout 1 Across */

/*#region UAB Magazine */

.itemByline {
  display:none;
}

/*#endregion UAB Magazine */