/**
 * Styling for the homepage
 */

/********** GLOBAL SISTERS REPORT STYLING***************/ 

.front .item-list li {
  margin-left: 0;
  list-style: none;
}
.front #content a {
  text-decoration: none;
}

.front .page-title {
  display: none;
}

.layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first
.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex-basis: 100%;
}
.front .layout__region--second h2 {
    margin-left: 0;
}

.page-community-news .block-dfp,
.front .block-dfp {
  text-align: center !important;
}

#block-dfptagcontent1, 
#block-dfptagcontent2-2,
.block-dfp p {
  text-transform: uppercase;
  font-family: "Roboto";
  font-size: .6rem !important;
  font-weight: 500;
}

.front .block > h2,
.front .block > h2 a{
  font-size: 1.7rem;
  line-height: 1.8rem;
  letter-spacing: -0.25px;
  color: #480571 !important;
  font-weight: 300 !important;
  margin: 0rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.front .block > h2 {
    margin-left: 0;
}
.front .topic-name,
.front .column-name {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1rem;
  font-size: .8rem;
  text-align: left;
  line-height: 1rem;
  padding-bottom: .5rem;
}
.front .topic-name a,
.front .column-name a {
  color: #480571;
}
.front h4,
.front h4 {
  font-size: .9rem;
  margin: 1rem;
  letter-spacing: .1rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #480571;
}
.front h4 {
   color: #480571;
}

.front .views-field-field-lead-media-image img {
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.front .views-field-field-article-teaser p,
.front .teaser p,
.front #content p {
  font-size: .9rem;
  line-height: 1.3rem;
  padding: 1rem;
  padding-left: 0;
  display: block;
}


.page-community-news .more-link a, 
.page-community-news .submit-link a, 
.front .more-link a, 
.front .submit-link a {
  text-decoration: none !important;
  border-bottom: 1px solid;
}

.front .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second, 
.front .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
  flex: auto;
}

/****************************************************************
*** 1. HERO STORY - MOBILE
*****************************************************************/

.front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 {
  padding-bottom: 1rem;
}
.front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .views-row:last-child {
  border-bottom: none;
}
.front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .hero-story h3 a {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .hero-story p {
    text-align: left;
}

/*This makes the hero image bleed on the mobile */
.front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .hero-story img {
  min-width: 120%;
  margin: 0 -2rem;
}
.front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .hero-story .byline-wrapper .node--type-author {
  justify-content: center;
}
.front .byline-wrapper .field--name-field-profile-media-image {
  padding-right: .5rem;
}
.front .hero-text .byline {
    margin-left: .5rem;
}

/****************************************************************
*** 2. MOST RECENT - MOBILE
*****************************************************************/
.front .block-views-blocklatest-news-block-5 .block > h2,
.front .block-views-blocklatest-news-block-5 h2 {
  padding-top: 0rem !important;
  margin-top: 2rem;
  padding-bottom: 0;
  font-size: 1.2rem;
  margin-left: 0;
}
.front .block-views-blocklatest-news-block-5 h3 {
  padding-bottom: 0;
  padding-top: 0;
}

.front .block-views-blocklatest-news-block-5 h3 a {
  font-size: 1.15rem;
  line-height: 1.5rem;
  font-weight: 300;
}

/****************************************************************
*** 3. LATEST COLUMNS - MOBILE
*****************************************************************/
    
.front .layout--twocol-section--33-67 {
  /*    border: 3px solid coral;*/
  display: flex;
  flex-flow: column-reverse;
  margin-top: 3rem;
  padding-top: 2rem;
}

.front .block-views-blockgsr-columns-block-1 > h2 {
  font-size: 1.6rem;
  margin-left: 0;
  text-align: center;
  padding-bottom: 2rem;
}
.front .block-views-blockgsr-columns-block-1 > h2:before {
  content: none;
  margin: 0;
}

.front .layout--twocol-section--33-67 h3 {
  font-style: italic;

}
.front .block-views-blockgsr-columns-block-1 {
  /*        background: lightpink;*/
}

.front .block-views-blockgsr-columns-block-1 .views-row {
  border-bottom: 0;
  margin: 0;
}

.front .block-views-blockgsr-columns-block-1 p {
  padding-top: 0;
}
.front .block-views-blockgsr-columns-block-1 h3 {
  padding-top: 0;
}
.front .block-views-blockgsr-columns-block-1 h3 a {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-style: italic;
  font-weight: 300;
}


.front .block-views-blockgsr-columns-block-1 .view-content {
  display: flex;
  flex-flow: column;
}

.front .block-views-blockgsr-columns-block-1 .view-content .latest-columns-hero .view-content:nth-child(2) h3 {
  /*    background: blue;*/
  font-size: 2.2rem;
  font-style: italic;
}
.front .block-views-blockgsr-columns-block-5 .views-row {
  padding: 0;
  margin: 0 0 1rem 0;
}
.front .block-views-blockgsr-columns-block-5 h3 {
  padding-bottom: 0;
}
.front .block-views-blockgsr-columns-block-5 h3 a {
  font-weight: 300;
}
    

/****************************************************************
*** 4. NEWS - MOBILE
*****************************************************************/

.front .block-views-blockgsr-channels-for-gsr-front-page-block-1 {
/*    background: lightyellow;*/
      position: relative;
  margin-bottom: 3rem;
}

.front .main-plus-three-column .view-content  {
  border: 0px;
  border-bottom: 2px solid #ddd;
  padding: 0rem;
  margin-bottom: 1rem;
  text-align: center;
}
.front .main-plus-three-column .view-content .topic-name {
  text-align: center;
  padding-top: 1rem;
}

.front .main-plus-three-column .view-content .byline-wrapper .node--type-author {
  justify-content: center;
}
.front .main-plus-three-column .attachment .view-content .topic-name {
  text-align: left;
  padding-top: 0;
}
.front .main-plus-three-column .attachment .view-content .topic-name a {
  font-size: .7rem;
  letter-spacing: .05rem;
}
.front .main-plus-three-column .attachment .view-content .byline-wrapper .node--type-author {
  justify-content: left;
}
.front .main-plus-three-column .three-other-stories .views-row:nth-child(2) {
  border-left: 0;
  border-right: 0;
}

/* This is the container for MAIN */
.front .main-plus-three-column .views-row {
  text-align: center;
  padding-bottom: 1.5rem;
  display: flex;
  flex-flow: column;
  margin-top: 0;
  border-bottom: 0;
}
.front .main-plus-three-column .views-field-field-lead-media-image img {
  margin-top: 0;
  margin-bottom: .5rem;
}


.front .block-views-blockgsr-channels-for-gsr-front-page-block-1 .views-row {
  border-bottom: 0;
  margin-top: 0;
}

/* This is the title for MAIN */
.front  .main-plus-three-column .views-field-title h3 {
  padding: 1rem;
  text-align: center;
  padding: .5rem 1rem;
}
.front  .main-plus-three-column .views-field-title h3 a {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
/* This is the channel for MAIN */
.front  .main-plus-three-column .views-field-field-channel,
.front  .main-plus-three-column .views-field-field-channel a {
  font-family: Merriweather, serif;
  font-size: .9rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-align: center;
  padding: 0rem;
  color: #0069B4;
}

.front .main-plus-three-column .three-other-stories .views-row {
    text-align: left;
}

/* This is the teaser for MAIN */
.front  .main-plus-three-column .views-field-field-article-teaser {
  text-align: center;
  padding: 0.5rem 1.5rem;
}
/* This is the wrapper for 2-3 COLUMNS + IN CASE YOU MISSED IT */
.front .main-plus-three-column .attachment .views-field-field-article-teaser {
  padding: 0;
}
/* This is the title for 2-3 COLUMNS + IN CASE YOU MISSED IT */
.front  .main-plus-three-column .attachment .views-field-title h3 a {
  font-size: 1.3rem;
  line-height: 1.3rem;
}
/* This is the content inside the 2-3 COLUMNS */
.front .main-plus-three-column .attachment .three-other-stories {
  padding: 0px;
  width: 100%;
}
/* This aligns left the content inside the 2-3 COLUMNS and resets their padding */
.front .main-plus-three-column .three-other-stories .views-field-title h3,
.front .main-plus-three-column .three-other-stories .views-field-title h3 a,
.front .main-plus-three-column .three-other-stories .views-field-field-byline,
.front .main-plus-three-column .three-other-stories .views-field-field-channel,
.front .main-plus-three-column .three-other-stories .views-field-field-channel a,
.front .main-plus-three-column .three-other-stories p{
  text-align: left;
  padding-left: 0;
}
.front .main-plus-three-column .three-other-stories p {
  padding-bottom: 0;
  margin-bottom: 0;
}

.front .main-plus-three-column .attachment .three-other-stories .views-field-title h3 a {
  font-size: 1.1rem;
}
.front .main-plus-three-column .attachment .three-other-stories .views-field-title h3 {
  line-height: 1.1rem;
  padding-top: 0;
}
.front .main-plus-three-column .three-other-stories .views-field-field-channel .field-content {
  font-size: .9rem;
  letter-spacing: 0;
}
/* This is the image field for 2-3 COLUMNS */
.front  .main-plus-three-column .three-other-stories .views-row {
  text-align: center;
}

/* This is the main wrapper for the 2-3 COLUMNS, making them into a row list*/
.front  .main-plus-three-column .attachment .three-other-stories .view-content {
  display: flex;
  flex-flow: row;
  border: 0px; /* This removes the black border, which will still appear on main story */
}
/* This hides the 2-3 COLUMN story's teaser on mobile devices -- reappears on desktop */
.front  .main-plus-three-column .attachment .three-other-stories .views-field-field-article-teaser {
  display: none;
}
/* This hides the third column on mobile devices so there are only 2 COLUMNS that show up in the 2-3 COLUMN on mobile -- reappears on desktop */
.front  .main-plus-three-column .attachment .three-other-stories .view-content .views-row:last-child {
  display: none;
}

/* These are each of the boxes holding the content for the 2 COLUMNS -- 50% wide on mobile devices */
 .front  .main-plus-three-column .three-other-stories .views-row {
  flex-basis: 50%;
  padding: 0rem .4rem;
}

/* This is the main wrapper for "IN CASE YOU MISSED IT" */
.front  .main-plus-three-column .in-case-you-missed-it {
  width: 100%;
  margin-bottom: 0;
}

/* This makes formats the content in "IN CASE YOU MISSED IT" into a column list*/
.front  .main-plus-three-column .in-case-you-missed-it .view-content{
  border: 0px;
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: 0;
  margin: 0;
}
.front  .main-plus-three-column .in-case-you-missed-it .view-header h4 {
  margin-left: 0rem;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-left: 0rem;
  border-top: 2px solid #ddd;
  border-bottom: 0px;
}
.front  .main-plus-three-column .in-case-you-missed-it .views-row {
  border-bottom: 2px solid #ddd;
  padding: .5rem 0;
}
.front  .main-plus-three-column .in-case-you-missed-it .views-row:last-child {
  border-bottom: 0px;
}
.front  .main-plus-three-column .in-case-you-missed-it .view-content h3 {
  text-align: left;
  padding-left: 0;
}
.front  .main-plus-three-column .in-case-you-missed-it .view-content h3 a {
  font-size: 1rem;
  line-height: 1.2rem;
}
.front  .main-plus-three-column .in-case-you-missed-it .view-content .brick {
  text-align: left;
}
  
.front .block-views-blockgsr-channels-for-gsr-front-page-block-1 .more-link {
  position: absolute;
  bottom: -2rem;
}
    
/****************************************************************
*** 5. ARTS & MEDIA + BOOKS - MOBILE
*****************************************************************/

.front .block-views-blockgsr-channels-for-gsr-front-page-block-2 {
/*    background: lightgreen;*/
  position: relative;
  margin-bottom: 3rem;
}
.front .block-views-blockgsr-channels-for-gsr-front-page-block-2 h2 {
  padding-bottom: 3rem;
  padding-bottom: 1rem;
}
.front .block-views-blockgsr-channels-for-gsr-front-page-block-2 .more-link {
  position: absolute;
  bottom: -2rem;
}

.front .block-views-blockgsr-channels-for-gsr-front-page-block-2 .views-field-field-article-teaser {
  display: none;
}            

/****************************************************************
*** 6. FEATURE SERIES - MOBILE
*****************************************************************/

.front .block-views-blockfeature-series-list-block-2 {
  background: aliceblue;
  padding-bottom: 4rem;
}
.front .block-views-blockfeature-series-list-block-2 .view-content {
  display: flex;
}
.front .block-views-blockfeature-series-list-block-2 .views-row {
  padding: 1rem;
}

/****************************************************************
*** 7. COMMUNITY NEWS - MOBILE
*****************************************************************/

.front .block-views.block-views-blockgsr-community-news-block-1 {
/*    background: azure;*/
  border-top: 2px solid #ddd;
  position: relative;
    margin-bottom: 3rem;
}
.front .block-views-blockgsr-community-news-block-1 .views-field-field-commnews-event-date {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #480571;
    font-family: roboto, sans-serif;
}
.front .block-views.block-views-blockgsr-community-news-block-1 .more-link {
  position: absolute;
  left: 0;
  bottom: -1rem;
  color: #480571;    
}
.front .block-views.block-views-blockgsr-community-news-block-1 .submit-link {
  position: absolute;
  left: 0;
  bottom: -3rem;
  color: #480571;    
}
.front .block-views.block-views-blockgsr-community-news-block-1 p {
    padding-left: 0;
}

/****************************************************************
*** 8. Q&A - MOBILE
*****************************************************************/
.front .block-views-blockgsr-channels-for-gsr-front-page-block-3 {
  /*    background: pink;*/
  position: relative; /* This is for the absolute position on the more-link */
}
.front .block-views-blockgsr-channels-for-gsr-front-page-block-3 .views-field-field-article-teaser {
  display: none;
}
.front .block-views-blockgsr-channels-for-gsr-front-page-block-3 .more-link {
  position: absolute; /* The relative is .front .block-views-blockgsr-channels-for-gsr-front-page-block-3 */
  bottom: -3rem;
}

/****************************************************************
*** 9. GSR IN THE CLASSROOM - MOBILE
*****************************************************************/
.front .block-inline-blockbasic {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0;
}
.front .block-inline-blockbasic h2 {
  border-top: 2px solid #ddd;
  text-align: center;
  margin-left: 0;
  text-transform: uppercase;
  letter-spacing: .1rem;
  padding: 4rem 0 0rem 0;
  margin-bottom: .5rem;
}
.front .block-inline-blockbasic h2,
.front .block-inline-blockbasic h2 a {
  font-size: 1.6rem;
}
.front .block-inline-blockbasic h2::before {
  display: none;
}
.front .block-inline-blockbasic h3 {
  padding-top: 0;
  text-align: left;
  font-weight: 800;
  padding-left: 0rem;
}
.front .block-inline-blockbasic p {
  text-align: left;
  padding-top: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.front .landingpage-gsr-classroom {
  justify-content: center;
  width: 100%;
  font-size: .8rem;
  padding-left: 0;
  display: flex;
  flex-flow: column;
  margin-top: 0;
  color: black;
}
.front .landingpage-gsr-classroom h3 {
 text-transform: none;
}
.front .landingpage-gsr-classroom ul {
    font-family: "Roboto";
    text-transform: uppercase;
    color: #480571;
    list-style: none;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    padding-left: 1rem;
}

.front .landingpage-gsr-classroom ul a {
  color: #480571;
  border-bottom: 1px solid;
  margin-right: 2rem;
}
.front .landingpage-gsr-classroom .text-formatted {
}
.front .layout--twocol-section.layout--twocol-section--50-50.constrained {
  display: flex;
  flex-flow: column;
}



/* DESKTOP **********************************************************************************************************************/
/* DESKTOP **********************************************************************************************************************/
/* DESKTOP **********************************************************************************************************************/
/* DESKTOP **********************************************************************************************************************/
@media screen and (min-width: 900px) {
/* DESKTOP **********************************************************************************************************************/
/* DESKTOP **********************************************************************************************************************/
/* DESKTOP **********************************************************************************************************************/
/* DESKTOP **********************************************************************************************************************/   
  
  .front .block > h2,
  .front .block > h2 {
    padding-top: 3rem;
    font-size: 1.6rem;
    font-weight: 400 !important;
    padding-bottom: 1.5rem;
  }
    .front .block > h2 {
  margin-left: -4.3rem;
}
    .front .layout__region--second h2 {
    margin-left: 0;
}
 .front .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 75%;
  }
  .front .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 25%;
  }
  
  /****************************************************************
  *** 1. HERO STORY - DESKTOP ************************************/
  .front .layout--twocol-section--33-67 {
    /*    border: 3px solid coral;*/
    display: flex;
    flex-flow: row;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
    padding-top: 3rem;
  }
  .front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 2px solid #ddd;
  }
  .front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .views-row:last-child {
    border-bottom: 0;
  }
  .front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 h3 a {
    font-size: 2.5rem !important;
    line-height: 3rem !important;   
  }
  
  /*This makes the hero image bleed on the desktop */
  .front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .hero-story img {  
    min-width: inherit;
    margin: inherit;
  }
  .front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 .hero-story p{
    font-size: 1.15rem;
    line-height: 1.5rem;
    margin-left: 15rem;
    margin-top: -3rem;
    width: 60%;
    
  }
  .front .hero-story   p.byline {
    margin: 0;
  }
  .front .hero-story .byline-wrapper {
    justify-content: left;
    width: 26%;
      float: left;
      display: inline-block;
      text-align: right;
  }
.front #content p {
        display: inline-block;
        width: 50%
        float: right;
    }
    .front .hero-text .byline {
        text-align: right;
        display: inline-block;
    }
    .front .hero-text p {
        padding-left: 3rem !important;
    }
  .front .block-views-blockglobal-sisters-report-front-page-curated-stories-block-2 {
    border-bottom: 0;
  }
  /****************************************************************
  *** 2. MOST RECENT - DESKTOP ************************************/
  
  .front .block-views-blocklatest-news-block-5 .block > h2,
  .front .front .block-views-blocklatest-news-block-5 h2 {
    margin-top: 1.5rem;
    margin-left: 0;
  }
  .front .block-views-blocklatest-news-block-5 h3 {
    font-size: 2.15rem;
  }
  
  /****************************************************************
  *** 3. LATEST COLUMNS - DESKTOP  **********************************/
  
  .front .block-views-blockgsr-columns-block-1 {
    position: relative;
    margin-top: 3rem;
    padding-top: 3rem;
    margin-right: -3rem;
  }    
  .front .block-views-blockgsr-columns-block-1 > h2 {
    padding-top: 0;
    position: absolute;
    top: -5rem;
    font-size: 2rem;
    background: white;
    padding: 1rem;
    font-weight: 400 !important;
  }
  .front .block-views-blockgsr-columns-block-1 {
    margin-left: 1rem;
    padding-top: 0;
    margin-top: 0;
  }
  .front .block-views-blockgsr-columns-block-1 .attachment {
    border-bottom: 0;
    margin-bottom: 1rem;
  }
  .front .latest-columns-hero  {
    margin-right: 3rem;
      margin-left: 1rem;
  }
  
    .front .block-views-blockgsr-columns-block-1 .attachment .view-content .views-row {
        flex-basis: 49%;
    }
    
    
  /* This is the hero story in the columns */
  .front .block-views-blockgsr-columns-block-1 .view-content:nth-child(2) .views-row {
    border-bottom: none;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 2rem;
  }
  
  .front .block-views-blockgsr-columns-block-1 .view-content:nth-child(2) .views-row h3 a {
    font-size: 2.15rem;
    line-height: 2.3rem;   
  }
  
    .front .block-views-blockgsr-columns-block-1 .view-content .views-row {
    border-bottom: none;
  }
  
  .front .block-views-blockgsr-columns-block-1 .view-content {
  flex-flow: row;
    border-bottom: none;
  }
  .front .block-views-blockgsr-columns-block-1 h3 {
      padding-top: 1rem;
    }
  .front .block-views-blockgsr-columns-block-1 h3 a {
    font-style: italic;
    font-size: 2rem;
  }
  .front .block-views-blockgsr-columns-block-1 .view-content .views-row {
    display: flex;
    flex-flow: column;
    padding: 0 1rem;
    margin-bottom: 1rem;
  }
  .front .block-views-blockgsr-columns-block-1 .view-id-gsr_columns .view-display-id-attachment_2 .views-row:first-child {
    border-right: 2px solid #ddd;
  }
  .front .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second {
    margin-right: 3rem;
  }
  /* This is the latter stories in the long column */
  .front.layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first {
    margin-left: 3rem;
  }
  .front .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first .views-row:last-child {
    border-bottom: 0;
  }
  
  .front .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first .attachment .views-row:last-child {
    border-bottom: 2px solid #ddd;
  padding-bottom: 1rem;
  }
  .front .block-views-blockgsr-columns-block-5 h3 {
    padding-top: 0;
  }
  
  /****************************************************************
  *** 4. NEWS - DESKTOP ********************************************/
  
  .front .block-views-blockgsr-channels-for-gsr-front-page-block-1 {
  /*    background: lightyellow;*/
        border-top: 2px solid #ddd;
  }
  .front .block-views-blockchannels-for-front-page-block-1 .main-plus-three-column,
  .front .block-views-blockchannels-for-front-page-block-2 .main-plus-three-column,
  .front .block-views-blockchannels-for-front-page-block-3 .main-plus-three-column,
  .front .block-views-blockduplicate-of-ncr-channels-for-front-page-block-1 .main-plus-three-column {
    display: flex;
    flex-flow: row;
  }
    .front .block-views-blockgsr-channels-for-gsr-front-page-block-1 .more-link {
    position: absolute;
    top: 4rem;
    right: 1rem;
  }
    
    
  .front .main-plus-three-column {
    padding-bottom: 2rem;
    display: flex;
    flex-flow: row;
  }
  
  .front .main-plus-three-column .three-other-stories .views-field-field-article-teaser p {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .front .main-plus-three-column .attachment .three-other-stories .views-field-title h3 a {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  /* This resets the padding inside the 2-3 COLUMNS on desktop */
  .front .main-plus-three-column .three-other-stories .view-content  {
    padding: 0;
  }
  /* This is the wrapper of the stories, minus section title (H2) */
  .front .main-plus-three-column {
    
  }
  /* This adds a black border around the MAIN on desktop */     
  .front .main-plus-three-column .view-content {
    border: 1px solid #707070;
    padding: 1rem;
    min-width: 23rem;
  }   
  .front .main-plus-three-column .view-content h3 {
    padding: 1rem;
  }
  
  .front .main-plus-three-column .views-row {
    border-bottom: 0;
  }
  
  /* These is the wrapper setting the width for 2-3 COLUMNS + IN CASE YOU MISSED IT on desktop */
  .front .main-plus-three-column .three-other-stories,
  .front.main-plus-three-column .in-case-you-missed-it {
    width: 860px;
  }
  /* These are each of the boxes holding the content for 2-3 COLUMNS */
  .front .main-plus-three-column .three-other-stories .views-row {
    border: 0;
    flex-basis: 33%;
    padding: 1rem;
  }    
  /* This is the container of the 2-3 COLUMNS */
  .front .main-plus-three-column .attachment .three-other-stories .view-content {
    padding-left: 1rem;
  }
  /* This is the content inside the 2-3 COLUMNS */
  .front .main-plus-three-column .attachment .three-other-stories .view-content .views-row {
    padding: 0 1rem 1rem 1rem;
  }
  .front .main-plus-three-column .three-other-stories .views-row:nth-child(2) {
    border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;
  }
  
  .front .main-plus-three-column .three-other-stories .views-field-title h3 {
    font-size: 1.6rem;
    line-height: 1.3rem;
    padding: 0.5rem 0rem;
  }
  .front .main-plus-three-column .attachment .three-other-stories .views-field-field-article-teaser {
    display: flex; /*Reappears the teaser on mobile devices */
  }
  /* This re-appears the third column in 2-3 COLUMNS on desktop  */ 
  .front .main-plus-three-column .attachment .three-other-stories .view-content .views-row:last-child {
    display: flex;
  }
  
  
  /* This is the title for IN CASE YOU MISSED IT */
  .front .main-plus-three-column .in-case-you-missed-it .view-header h4 {
    margin-left: 2rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border: 0px;
    border-top: 0px;
  }
  
  .front .main-plus-three-column .in-case-you-missed-it .view-content h3 a {
    font-size: 1.3rem;
  }
  
  .front .main-plus-three-column .in-case-you-missed-it .brick {
    margin-left: 4.3rem;
    padding: 0;
    padding-bottom: .5rem;
  }
  
  /* This is the horizontal line before the article titles on desktop version of IN CASE YOU MISSED IT */
  .front .main-plus-three-column .in-case-you-missed-it .view-content h3 a:before {
    display: inline-block;
    content: "";
    border-top: 1px solid #480571;
    width: 40px;
    transform: translateY(-0.5rem);
      margin-right: 1rem;
  }
    
   .front .in-case-you-missed-it .views-field-title::before {
        display: none;
        content: none;
    }
    
    
  /* This resizes the byline to desktop size */
  .front .main-plus-three-column .attachment .views-field-field-byline {
    font-size: .75rem;
    line-height: .9rem;
  }
  
  .front .main-plus-three-column .attachment .views-field-title h3 a {
    font-size: 1.6rem;
  }
  .front .main-plus-three-column .in-case-you-missed-it .views-field-title h3 a {
    font-size: 1.3rem;
    line-height: 2.1rem;
    font-weight: 300;
  }
  
    .front .main-plus-three-column .in-case-you-missed-it .views-field-title {
        text-indent: -3.4rem;
    }
  
  /* This is the horizontal line between IN CASE YOU MISSED IT on desktop version*/
  .front .in-case-you-missed-it .views-row {
    border-bottom: 0px;
  }
  .front .main-plus-three-column .in-case-you-missed-it .views-row { 
  border-bottom: 2px solid #ddd;
    padding: 0.5rem 0;
    margin-left: 2rem;
    margin-right: 1rem;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  /****************************************************************
  *** 5. ARTS & MEDIA + BOOKS - DESKTOP ************************/
  
  .front .block-views-blockgsr-channels-for-gsr-front-page-block-2 .more-link {
    position: absolute;
    top: 4rem;
    right: 1rem;
  }
  .front .block-views-blockgsr-channels-for-gsr-front-page-block-2 .views-field-field-article-teaser {
    display: block;
  }
  
  /****************************************************************
  *** 7. COMMUNITY NEWS - DESKTOP ***********************************/ 
  .front .block-views.block-views-blockgsr-community-news-block-1 {
    position: relative;
    margin-top: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }    
  .front .block-views.block-views-blockgsr-community-news-block-1 > h2 {
    padding-top: 0;
    position: absolute;
    top: -2rem;
    font-size: 2rem;
    background: white;
    padding: 1rem;
    font-weight: 400 !important;
    margin-left: 38%;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .more-link {
    text-align: center;
    top: -.5rem;
    right: unset;
    position: inherit;
}
  .front .block-views.block-views-blockgsr-community-news-block-1 .submit-link {
    text-align: center;
    position: inherit;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .more-link a,
  .front .block-views.block-views-blockgsr-community-news-block-1 .submit-link a {
    color: #480571;
    font-weight: 500;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 > h3 a {
    font-size: 1.5rem;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .view-content {
    flex-flow: row;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .view-content .views-row {
    padding-right: 1rem;
    display: flex;
    flex-flow: column;
    border-bottom: 0;
    padding: 1rem;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .view-content .views-row:nth-child(2){
    border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .view-content .views-row:first-child {
    padding-left: 0;
  }
  .front .block-views.block-views-blockgsr-community-news-block-1 .view-content .views-row:last-child {
    padding-right: 0;
  }
  /****************************************************************
  *** 8. Q&A - DESKTOP ******************************************/
  .front .block-views-blockgsr-channels-for-gsr-front-page-block-3 .views-field-field-article-teaser {
    display: block;
  }    
.front .block-views-blockgsr-channels-for-gsr-front-page-block-3 .more-link {
    position: absolute;
    top: 4rem;
    right: 1rem;
  }
    
    
  /****************************************************************
  *** 9. GSR IN THE CLASSROOM - DESKTOP ******************************************/    
    .front .layout__region.layout__region--first p {
        padding: 0;
        margin: 0;
    }
.front .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first {
    flex: 0 1 43%;
}
.front .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 45%;
}   
.front .layout--twocol-section.layout--twocol-section--50-50.constrained {
  display: flex;
  flex-flow: row;
  justify-content: center;
  padding: 1rem 1rem 0 1rem;
}
    .front .landingpage-gsr-classroom ul {
    flex-flow: row;
    justify-content: center;
    padding-left: 0;
    }
    
    
  .front .block-inline-blockbasic .layout--twocol-section {
    flex-wrap: nowrap;
  }
  .front .block-inline-blockbasic .layout__region {
    display: flex;
    flex-flow: row;
  }
  .front .block-inline-blockbasic .layout__region.layout__region--first {
    justify-content: right;
    padding-right: 2rem;
  }
  .front .block-inline-blockbasic .layout__region.layout__region--first {
    justify-content: left;
}
  .front .block-inline-blockbasic h3 {
    padding-top: 1.5rem;
    text-align: left;
    font-weight: 800;
    width: 75%;
    padding-left: 0;
  }
  .front .landingpage-gsr-classroom p {
    text-align: left;
    padding-top: 0;
      font-size: .8rem;
  }
  .front .landingpage-gsr-classroom .layout__region ul {
    flex-flow: row;
    margin-left: 84.5%;
    margin-top: 0;
  }    
    
    
    
 @media screen and (min-width: 40em) {
    
.front .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second, 
.front .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 75%;
}
    }/* <--------@media screen and (min-width: 40em) */
    
}/* <--------@media screen and (min-width: 900px) */