.case__study__outer { position: relative; width: 100%; max-width: 1280px;  margin: 0px auto !important;  font-size: 16px; line-height: 30px;  font-family: 'VAGRoundedNext-ExtraLight';  }

.content_element { position: relative; display: inline-block; padding: 16px; padding-bottom: 16px; border: 0px solid red; }
.width--full { width: 100%; }
.content_group { position: relative; display: inline-flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; border: 0px solid green; }
.group_width--quarter { width: 25%; }
.group_width--half { width: 50%; }
.case__study__outer .image__outer img { margin: 0px auto !important;   }

.case__study__top_image { padding-bottom: 32px;   }

.case__study__upper { position: relative; height: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; width: 100%; text-align: left; margin-bottom: 32px; }
.case__study__lower {  position: relative; display: block; max-width: 970px; text-align: left; margin: 0px auto !important; padding: 0px 16px;  }


.case__study__campaign_name { position: relative; display: block;  font-family: 'VAGRoundedNext-Regular'; padding-bottom: 32px;  padding-top: 48px;  }
.case__study__text { position: relative; display: block;  width: 100%;  padding-bottom: 32px;  }
.case__study__text ul { margin-left: 20px;   }

.case__studt__text__title {  position: relative; display: block;  font-family: 'VAGRoundedNext-Regular'; }

.case__study__sis_logo { position: relative; display: block;  width: 100%; padding: 0px 16px;   }
.case__study__sis_logo svg { position: relative; display: block;  width: 100%;  }

.content_element--sidebar-upper { padding-bottom: 0px;  }
.content_element--sidebar-lower { padding-top: 0px;  }
.content_element--sidebar-upper a, .content_element--sidebar-lower a {  word-break: break-all; }
.case__study__sidebar__upper { position: relative; display: block; width: 100%; background-color: #f8f7f0; padding: 16px 16px 64px; font-family: 'VAGRoundedNext-Light';  }
.case__study__sidebar__lower { position: relative; display: block; width: 100%; background-color: #292929; color: #FFFFFF; padding: 16px 16px 32px; font-family: 'VAGRoundedNext-Light'; }
.case__study__sidebar__upper strong { font-family: 'VAGRoundedNext-Regular'; font-weight: normal;  }
.case__study__sidebar__lower strong {  font-family: 'VAGRoundedNext-SemiBold'; font-weight: normal; }

.case__study__pull_quote { position: relative; display: block; width: 100%; background-color: #292929; color: #FFFFFF; padding: 48px 150px; margin-bottom: 32px;  font-size: 30px; line-height: 38px; font-style: italic;  }


.case__study__impacts { position: relative; display: block;  width: 100%; padding: 32px 150px; background-color: #f8f7f0; margin-bottom: 32px;  }
.case__study__impacts__title { position: relative; display: block;  width: 100%;  font-family: 'VAGRoundedNext-Regular'; font-size: 24px; line-height: 30px; }

.case__study__impacts__inner {  position: relative; display: flex;  width: 100%; flex-direction: row; flex-wrap: nowrap; padding-top: 48px;  }

.case__study__impact { flex-grow: 1; flex-shrink: 1; flex-basis: 0;  padding-bottom: 16px; }
.impact_icon { display: inline-block; height: 48px;   }
.impact_icon path { fill: #ec1c99;   }

.case__study__impact__value { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-SemiBold'; font-size: 16px; line-height: 30px;   }
.case__study__impact__text { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-Light';  font-size: 16px; line-height: 24px;  }

.news__share__links { display: inline-block; vertical-align: top; position: relative; width: 50%; font-family: 'VAGRoundedNext-Light'; font-size: 16px; line-height: 30px; padding-top: 48px; }
.news__share__links__title { display: block; position: relative; width: 100%; color: #141414; }
.news__share__links__title svg { display: inline-block; position: relative; width: 12px; height: 14px; margin-right: 8px; fill: #141414; }

.news__share__icons { display: block; position: relative; width: 100%; padding-top: 16px; }
.news__share__icons a { position: relative; display: inline-block; width: 32px; height: 32px; margin-right: 16px; }
.news__share__icons a svg { position: relative; display: block; width: 32px; height: 32px; fill: #ec1c99; }
.news__share__icons a:hover svg { fill: #ec652c; }


/* IMPACT NUMBERS */




.impact_numbers__inner {  position: relative; display: flex;  width: 100%; flex-direction: row; flex-wrap: nowrap; padding: 32px 150px; }
.impact_numbers__upper_text {  position: relative; display: block;  width: 100%;   }
.impact_numbers__impact { flex-grow: 1; flex-shrink: 1; flex-basis: 0;  padding-bottom: 16px; text-align: center;  }
.impact_numbers__impact__icon svg { display: inline-block; height: 48px;   }
.impact_numbers__impact__icon path { fill: #ec1c99;   }

.impact_numbers__impact__value { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-SemiBold'; font-size: 16px; line-height: 30px;   }
.impact_numbers__impact__text { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-Light';  font-size: 16px; line-height: 24px;  }


/* LAST COMPLETION */
.last_action_outer { position: relative; display: block;  width: 100%;    }
.last_action__upper_text {  position: relative; display: block;  width: 100%;   }
.last_action__inner {  position: relative; display: block;  width: 100%; padding: 32px 16px; height: 160px;   text-align: center;  display: flex; flex-direction: column; justify-content: center; }
.last_action_resource { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-SemiBold'; font-size: 21px; line-height: 30px;  }
.last_action_date { position: relative; display: inline-block;  font-family: 'VAGRoundedNext-Light';   font-size: 16px; line-height: 24px; vertical-align: top; padding: 0px 16px;  font-style: italic;  }
.last_action_school {  position: relative; display: inline-block;  font-family: 'VAGRoundedNext-Regular';   font-size: 16px; line-height: 24px;  vertical-align: top; padding: 0px 16px;  }


/* LAST DOWNLOAD */
.last_download_outer { position: relative; display: block;  width: 100%;    }
.last_download__upper_text {  position: relative; display: block;  width: 100%;   }
.last_download__inner {  position: relative; display: block;  width: 100%; padding: 32px 16px; height: 160px;   text-align: center;  display: flex; flex-direction: column; justify-content: center; }
.last_download_resource { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-SemiBold'; font-size: 21px; line-height: 30px;  }
.last_download_date { position: relative; display: inline-block;  font-family: 'VAGRoundedNext-Light';   font-size: 16px; line-height: 24px; vertical-align: top; padding: 0px 16px;  font-style: italic;  }
.last_download_school {  position: relative; display: inline-block;  font-family: 'VAGRoundedNext-Regular';   font-size: 16px; line-height: 24px;  vertical-align: top; padding: 0px 16px;  }


/* USERS ONLINE */
.currently_online_outer { position: relative; display: block;  width: 100%;      }
.currently_online__upper_text {  position: relative; display: block;  width: 100%;   }
.currently_online__inner {  position: relative; display: block;  width: 100%; padding: 32px 16px;  text-align: center; height: 160px;  text-align: center;  display: flex; flex-direction: column; justify-content: center; }
.currently_online_count { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-SemiBold'; font-size: 21px; line-height: 30px;  }
.currently_online_icon { position: relative; display: block; width: 100%;   padding-bottom: 6px; text-align: center;  }
.currently_online_icon svg { display: inline-block; height: 48px;   }
.currently_online_icon path { fill: #ec1c99;   }


@media only screen and (max-width: 600px) {
  .case__study__middle { order: -1;  }
  .case__study__campaign_name { padding-top: 0px; padding-bottom: 16px;  }
  .case__study__top_image { padding-bottom: 16px;  }
  
  .case__study__sis_logo {  max-width: 300px; margin: 0px auto !important;  }
  
  .case__study__impacts { padding: 16px 24px;  }
  .case__study__impacts__inner {  padding-top: 32px; display: block;  }
  .case__study__impacts__inner { flex-wrap: wrap;  }
  .case__study__impact { display: inline-block; padding-bottom: 32px;  width: calc(100% / 3); border: 0px solid red; flex-grow: 0; flex-shrink: 0; flex-basis: 0; vertical-align: top;   }
  
  .case__study__pull_quote {  padding: 16px 24px; font-size: 24px; line-height: 32px; }
  
  .group_width--half { width: 100%; }
  .group_width--quarter { width: 100%; }
  
  .impact_numbers__inner { padding: 32px 32px; flex-wrap: wrap; display: block; }
  .impact_numbers__impact { display: inline-block; padding-bottom: 32px;  width: calc(100% / 3); flex-grow: 0; flex-shrink: 0; flex-basis: 0; vertical-align: top;   }
  
  .last_action__inner {  height: auto;   }
  .last_download__inner {  height: auto;   }
  .currently_online__inner {  height: auto;  }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
  
  .case__study__campaign_name { padding-top: 0px; padding-bottom: 16px;  }
  .case__study__top_image { padding-bottom: 16px;  }
  
  
  .case__study__impacts { padding: 16px 24px;  }
  .case__study__impacts__inner {  padding-top: 32px; display: block;  }
  .case__study__impacts__inner { flex-wrap: wrap;  }
  .case__study__impact { display: inline-block; padding-bottom: 32px;  width: calc(100% / 3); border: 0px solid red; flex-grow: 0; flex-shrink: 0; flex-basis: 0; vertical-align: top;   }
  
  .case__study__pull_quote {  padding: 16px 24px; font-size: 24px; line-height: 32px; }
  
    .case__study__sis_logo {  max-width: 300px; margin: 0px auto !important;  }
  
.case__study__sidebar__image--supporting_image { width: 50%;   }
  
.group_width--half { width: 100%; }
.group_width--quarter { width: 100%; }

.impact_numbers__inner { padding: 32px 32px; flex-wrap: wrap; display: block; }
.impact_numbers__impact { display: inline-block; padding-bottom: 32px;  width: calc(100% / 3); flex-grow: 0; flex-shrink: 0; flex-basis: 0; vertical-align: top;   }
  
  .last_action__inner {  height: auto; }
  .last_download__inner {  height: auto; }
  .currently_online__inner { height: auto;  }
}

@media only screen and (min-width: 768px) and (max-width: 950px) { 
  .case__study__campaign_name { padding-top: 0px; padding-bottom: 16px;  }
  .case__study__top_image { padding-bottom: 16px;  }
  
  
  .case__study__impacts { padding: 24px 48px;  }
  .case__study__impacts__inner {  padding-top: 32px; display: block;  }
  .case__study__impacts__inner { flex-wrap: wrap;  }
  .case__study__impact { display: inline-block; padding-bottom: 32px;  width: calc(100% / 3); border: 0px solid red; flex-grow: 0; flex-shrink: 0; flex-basis: 0; vertical-align: top;   }
  
  .case__study__pull_quote {  padding: 24px 48px; font-size: 24px; line-height: 32px; }
  
    .case__study__sis_logo {  max-width: 300px; margin: 0px auto !important;  }
  
.case__study__sidebar__image--supporting_image { width: 50%;   }
  
.group_width--half { width: 100%; }
.group_width--quarter { width: 100%; }

.impact_numbers__inner { padding: 32px 32px; flex-wrap: wrap;  }

  
  
}

@media only screen and (min-width: 951px) and (max-width: 1040px) {
    .case__study__sis_logo {  max-width: 300px; margin: 0px auto !important;  }
  .case__study__right__sidebar { width: 100%;   }
  
  .case__study__left__sidebar { width: calc(100% / 3);   }
  .case__study__middle { width: calc(100% / 1.5);   }
  
  .impact_numbers__inner { padding: 32px 64px; flex-wrap: wrap;  }
  
  
  
}

