/* NEWS PAGE: STYLES FOR THE LANDING PAGE*/

.container {
  padding-bottom: 3em; 
}

.paragraph-unique-id-54251 .container-fluid {
  padding-left: 0;
} 

.sidebar {
  background: #eaeae5;
}

.sidebar .sidebar {
  background: #fff;
}

.sidebar .paragraph--type--responsive-columns-two .column-1-image-wrapper {
  padding-bottom: 1.5rem;
}

.main-column .sidebar {
  background: #fff;
}

.sidebar,  .main-column {
  padding-top: 1.5em;
}

.container-fluid {
  position: relative;
}

.field--name-title {
  padding: 0;
}

/*
h1,  h2 {
  font-size: 1.8rem;
  font-weight: bold;
}
*/

.lead-paragraph {
  display: block;
  font-size: 1em;
  color: #555;
  line-height: 1.7;
  margin-bottom: 25px;
}

.card {
  --bs-card-bg: none; 
  --bs-card-border-width: none; 
  --bs-card-border-radius: none;
  /* min-height: 135px; */
}

.card-body {
  padding: 0; 
}

#featureCarousel .card-body {
  min-height: 420px; 
  font-size: .9rem;
}

#studentCarousel,  #extensionCarousel {
  height: 95%;
  margin-bottom: 12px;
}

.student .lg-img-wrap,  .extension .lg-img-wrap {
  padding-top: 1em;
}

.student h3,  .extension h3 {
  margin-top: 0;
}

.btn-wrap {
  position: relative;
  padding-bottom: 15px;
}

.features .btn-wrap {
  margin-top: 10px;
}

.student .btn-wrap,  .extension .btn-wrap {
  margin-top: -10px !important;
}

.carousel-control-prev,  .carousel-control-next { 
  position: absolute;
  top: 0;
  transform: TranslateY(-30%);
  background: black;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin: 0 20px; 
}

.carousel-indicators [data-bs-target] {
  background-color: #333;
}

.research-bottom .carousel-indicators { 
  bottom: -30px;
}

.student-experience-bottom .carousel-indicators {
  bottom: -30px;  
}

.extension-bottom .carousel-indicators {
  bottom: -30px;  
}

.student .carousel-indicators,  .extension .carousel-indicators { 
  bottom: -20px;
}

.features .carousel-indicators { 
  bottom: -40px;
}

.carousel-indicators button { 
  background: #333;
  border-top: 0 !important;
  border-bottom: 0 !important; 
}

.external-source {
  margin-bottom: .1rem;
}

.external .row {
  margin-top: 0rem;
}

.stretched-link {
  display: block;
  font-size: 1px;
  opacity: 0;
  margin-top: -2em;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.side-heading,  h3.external-title,  h3.event-title,  h3.community-title,  h3.canopy-title {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2rem;
  margin-top: 0;
  margin-bottom: .2rem;
}

.menu a {
  font-weight: bold;
  font-size: .8rem;
  padding-bottom: 10px;
  text-decoration: none;
}

.tagline {
  font-size: .9rem;
}

.headline {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 10px;
  margin-top: 0;
}

.sidebar h5 {
  margin: 0;
}

.author {
  display: block;
  margin-top: 30px;
  margin-bottom: 0x;
  font-size: 0.9em;
  font-weight: bold;
}

.section-title {
  font-weight: bold;
  text-transform: uppercase;
  color: #d73f09;
  overflow: hidden;
  font-size: .8rem;
  margin-bottom: 20px;
  margin-top: 20px;
}

.section-title:after {
  background-color: #d73f09;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  left: 0.5em;
  margin-right: -50%;
}

/* Causing a conflict -- Need to chase down. */

.node-id-48073 p {
  font-size: .9rem;
}

.img-wrap {
  width: 245px; 
  height: 245px;
  position: relative;
  overflow: hidden;
}

.img-thumbnail {            
  padding: 0.25rem;
  background-color: unset;
  border: none;
  border-radius: var(--bs-border-radius);
  transition: all .2s ease-in-out;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.small-gutters {
  margin-right: -10px;
  margin-left: -10px;
  > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.small-gutters a {
  > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.community-section {
  padding-bottom: 10px;
}

.news {
  padding-top: 10px;
}

.event-date {
  font-weight: bold;
  color: #000;
  font-size: .9rem !important;
}

.orange-button {
  background-color: #d73f09;
  color: #fff;
  border: none;
  padding: 8px 12px;
}

.section-podcast {
  margin-top: 0px;
}

.section-podcast .button-container {
  margin-bottom: 30px;
}

button.events {
  margin-top: 10px;
}

button.events {
  margin-top: 20px;
}

a {
  text-decoration: underline;
  font-weight: 500;
  color: #000;
}



/**
 **    NEWS STORY: STYLES FOR THE NEWS STORY CONTENT TYPE 
 **/

.page-node-type-news-story .container {
  /*max-width: 600px; NYT's content width */
  margin-top: 2em;
  margin-bottom: 2em;
}

.hero-image-wrapper {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.hero-image-wrapper img {
  display: block;
  margin: auto;
}

/* Overriding default BS5 container padding for the fixed-width section */
/*
@media (min-width: 576px) {
  .page-node-type-news-story .container {
    padding-left: var(--bs-gutter-x, 1.5rem);
    padding-right: var(--bs-gutter-x, 1.5rem);
  }
}

.page-node-type-news-story .article-container {
  padding: 20px;
}
*/

.page-node-type-news-story span.field--name-title {
  font-size: 2.2rem;
  margin: 0;
  padding: 0;
}

.page-node-type-news-story h1 {
  text-align: center;
}

.page-node-type-news-story h2 {
  font-size: 1.5em;
  margin-top: 30px;
}

.page-node-type-news-story h3 {
  font-size: 1.3em;
}

.page-node-type-news-story p {
  font-size: 1em;
}

.page-node-type-news-story .pubdate {
  display: block;
  font-size: 0.75em !important;
  color: #777;
  margin-bottom: 20px;
}

.page-node-type-news-story .pubdate .field--name-field-published-date {
  display: inline;
}

figure.align-right {
    margin: 0 0 0 20px;
}

figure.align-left {
    margin: 0 20px 0 0px;
}

figcaption {
  font-size: .75em;
  line-height: 1.5em;
  color: #777;
  color: #d73f09;
  margin-top: 10px;
  max-width: 600px;
  margin: 10px auto 20px;
}

.page-node-type-news-story #block-sasquatch-page-title {
  display: none;
}

.page-node-type-news-story .lead-paragraph {
  /*font-size: 1.4em;*/
  line-height: 1.7;
  margin-bottom: 25px;   
}

.page-node-type-news-story .article-body p {
  /*font-size: 1.4em;*/
  line-height: 1.6;
  margin-bottom: 15px;
}

.page-node-type-news-story .article-body blockquote {
  border-left: 5px solid #d73f09;
  padding-left: 20px;
  margin: 20px 0;
  font-style: italic;
  color: #d73f09;
}

.page-node-type-news-story .image-container {
  margin-bottom: 20px;
}

.page-node-type-news-story .hero-image-wrapper {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: none;
}

@media (min-width: 576px) {
  .page-node-type-news-story .article-container {
    padding: 20px;
  }
  .page-node-type-news-story h1 {
    /*font-size: 2.8em;*/
  }
}

@media (min-width: 768px) {
  .page-node-type-news-story .article-container {
    padding: 30px;
  }
  .page-node-type-news-story h1 {
    /*font-size: 3em;*/
  }
  .page-node-type-news-story .lead-paragraph {
    /*font-size: 1.5em;*/
  }
  .page-node-type-news-story .hero-image-wrapper {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

@media (min-width: 992px) {
  .page-node-type-news-story .article-container {
    padding: 40px 0;
  }
  .page-node-type-news-story h1 {
    /*font-size: 3.5em;*/
  }
  .page-node-type-news-story .lead-paragraph {
    /*font-size: 1.6em;*/
  }
  .page-node-type-news-story .hero-image-wrapper {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .page-node-type-news-story .image-container {
    max-width: 100%;
    margin: 20px auto;
  }
}

/*
@media (min-width: 1600px) {
  .page-node-type-news-story .container {
    max-width: 680px;
  }
}
*/

.section-cof-in-the-news #section-contents {
  padding: 0;
}

.section-podcast #section-contents {
  padding: 0;
}

.section-cof-in-the-news .two-column-col {
  padding-right: .4rem !important;
  padding-left: .4rem;
}




 
/** 
 **   New Code  
 **/

/** News Page: Features **/

a.features-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.features-stretched-link:hover,
a.features-stretched-link:visited,
a.features-stretched-link:active {
  text-decoartion: none;
}

a.features-stretched-link h3.headline {
  text-decoartion: underline !important;
}

a.features-stretched-link:hover h3.headline {
  color: #d73f09;
}


/** News Page: Research - Top **/

a.research-top-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.research-top-stretched-link:hover,
a.research-top-stretched-link:visited,
a.research-top-stretched-link:active {
  text-decoartion: none;
}

a.research-top-stretched-link h3.headline {
  text-decoartion: underline !important;
}

a.research-top-stretched-link:hover h3.headline {
  color: #d73f09;
}


/** News Page: Research - Bottom **/

.research-bottom {
  margin-top: 20px;
}

a.research-bottom-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.research-bottom-stretched-link:hover,
a.research-bottom-stretched-link:visited,
a.research-bottom-stretched-link:active {
  text-decoartion: none;
}

a.research-bottom-stretched-link h3.side-heading {
  text-decoartion: underline !important;
}

a.research-bottom-stretched-link:hover h3.side-heading {
  color: #d73f09;
}


/** News Page: Student Experience - Top **/

a.student-experience-top-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.student-experience-top-stretched-link:hover,
a.student-experience-top-stretched-link:visited,
a.student-experience-top-stretched-link:active {
  text-decoartion: none;
}

a.student-experience-top-stretched-link h3.headline {
  text-decoartion: underline !important;
}

a.student-experience-top-stretched-link:hover h3.headline {
  color: #d73f09;
}


/** News Page: Student Experience - Bottom **/

.student-experience-bottom {
  margin-top: 20px;
}

a.student-experience-bottom-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.student-experience-bottom-stretched-link:hover,
a.student-experience-bottom-stretched-link:visited,
a.student-experience-bottom-stretched-link:active {
  text-decoartion: none;
}

a.student-experience-bottom-stretched-link h3.side-heading {
  text-decoartion: underline !important;
}

a.student-experience-bottom-stretched-link:hover h3.side-heading {
  color: #d73f09;
}


/** News Page: FNR Extension - Top **/

a.fnr-extension-top-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.fnr-extension-top-stretched-link:hover,
a.fnr-extension-top-stretched-link:visited,
a.fnr-extension-top-stretched-link:active {
  text-decoartion: none;
}

a.fnr-extension-top-stretched-link h3.headline {
  text-decoartion: underline !important;
}

a.fnr-extension-top-stretched-link:hover h3.headline {
  color: #d73f09;
}


/** News Page: FNR Extension - Bottom **/

.extension-bottom {
  margin-top: 20px;
}

a.fnr-extension-bottom-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.fnr-extension-bottom-stretched-link:hover,
a.fnr-extension-bottom-stretched-link:visited,
a.fnr-extension-bottom-stretched-link:active {
  text-decoartion: none;
}

a.fnr-extension-bottom-stretched-link h3.side-heading {
  text-decoartion: underline !important;
}

a.fnr-extension-bottom-stretched-link:hover h3.side-heading {
  color: #d73f09;
}


/** Sidebar: News Section - Events **/

a.events-sidebar-stretched-link {
  display: flex;
  flex-flow: row;
  text-decoration: none;  
  margin: 0;
  padding: 0;
}

a.events-sidebar-stretched-link:hover,
a.events-sidebar-stretched-link:visited,
a.events-sidebar-stretched-link:active {
  text-decoartion: none;
}

a.events-sidebar-stretched-link h3.hover-indicator {
  text-decoartion: underline !important;
}

a.events-sidebar-stretched-link:hover h3.hover-indicator {
  color: #d73f09;
}


/** Sidebar: News Section - Community **/

a.community-sidebar-stretched-link {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 762px) {
  a.community-sidebar-stretched-link {
    display: flex;
    flex-flow: row;
  }
}

a.community-sidebar-stretched-link:hover,
a.community-sidebar-stretched-link:visited,
a.community-sidebar-stretched-link:active {
  text-decoartion: none;
}

a.community-sidebar-stretched-link h3.hover-indicator {
  text-decoartion: underline;
}

a.community-sidebar-stretched-link:hover h3.hover-indicator {
  color: #d73f09;
}


/** Sidebar: CoF In The News **/

.section-cof-in-the-news a,
.section-cof-in-the-news a:visited,
.section-cof-in-the-news a:active {
  text-decoration: none;
}

.section-cof-in-the-news a:hover {
  color: #d73f09;
}


/** In the Woods podcast **/

.section-podcast {
  margin-top: 20px;
  border-top: 1px solid #ededed;
}


/** Hacking buttons into links **/

.button-item a,
.button-item a:active,
.button-item a:visited {
  background-color: transparent;
  font-weight: bold;
  border: none;
  color: #d73f09 !important;
  font-size: .8rem;
  text-align: center;
  width: 100%;
}

.button-item a:hover {
  background-color: transparent;
  font-weight: bold;
  border: none;
  color: black !important;
  font-size: .8rem;
  text-align: center;
  width: 100%;
  text-decoration: underline !important;
}

.section-podcast .button-item a,
.section-podcast .button-item a:active,
.section-podcast .button-item a:visited {
  background-color: #d73f09;
  font-weight: normal;
  border: 1px solid #d73f09;
  color: white !important;
  font-size: 1.125rem;
  width: auto;
}

.section-podcast .button-item a:hover {
  text-decoration: none !important;
  color: white !important;
  background-color: black;
}

.paragraph.paragraph--submenu a:hover {
  color: #d73f09;
  text-decoration: underline;
}

/** Hacks for new menu **/

body.node-id-48073 .paragraph--2_columns_66_33 .container {
  padding: 60px 5% !important;
  margin: 0;
  max-width: unset;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.node-id-48073 #block-headerforcofnewspages {
  margin-bottom: 20px;
}

body.node-id-48073 .main-column {
  padding-top: 0;
}

body.node-id-48073 .sidebar {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: unset;
}

body.node-id-48073 .sidebar .field--name-field-column-2-paragraphs {
  background-color: #eaeae5;
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: calc(var(--bs-gutter-x) * .5);
  padding-top: 0;
  padding-bottom: 0;
  padding-right: calc(var(--bs-gutter-x) * .5);
}

body.node-id-48073 .paragraph--section_heading .section-title {
  margin-bottom: 20px;
  margin-top: 0;
  padding-top: 20px;
}

body.node-id-48073 .section-podcast .main-column {
  padding-top: 1.5rem;
}

body.node-id-48073 .section-podcast .sidebar .field--name-field-column-2-paragraphs {
  background-color: transparent;
}