* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
HEADER
**/
.mobile-nav li a,
.nav__content ul li a {
  text-transform: none;
  font-family: "NovemberFNI-Bold";
}

/* Desktop header */
.header__content .sfu-brand-extension-logo .desktop {
  height: 75px;
  width: auto;
}

@media (min-width: 980px) {
  .nav__content {
    height: 45px;
  }

  .nav__content ul li a,
  .nav__content ul li.active a,
  .nav__content ul li:focus a,
  .nav__content ul li:focus ul li a,
  .nav__content ul li:hover a,
  .nav__content ul li:hover ul li a {
    font-family: "NovemberFNI-Bold", sans-serif;
    color: black;
    background-color: white;
    font-size: 2.25rem;
  }

  .nav__content .nav__content--main-navigation > ul:first-child > li > a:first-child {
    padding-bottom: 0.6rem;
  }

  .nav li > a.has-sub-nav:after {
    margin-left: 0.5rem;
  }

  .nav__content ul li a:focus+ul,
  .nav__content ul li a:hover+ul,
  .nav__content ul li:hover ul {
    border-top: none;
  }

  .nav__content ul li a:focus,
  .nav__content ul li a:hover,
  .nav__content ul li:hover ul li a:focus,
  .nav__content ul li:hover ul li a:hover {
    background-color: black;
    color: white;
  }
}

/* Mobile Ribbon */
.ribbon {
  background: white;
  text-transform: none;
}

.ribbon__content--mobile-nav-icons span,
.ribbon__content--mobile-nav-icons span::before {
  color: black;
}

/* Mobile header */
/* Menu Title */
.mobile-nav .main-site-name a,
.mobile-search .main-site-name a {
  color: black;
  background-color: white;
}

.mobile-nav .main-site-name a:focus,
.mobile-nav .main-site-name a:hover,
.mobile-search .main-site-name a:focus,
.mobile-search .main-site-name a:hover {
  color: black;
}

/* Section Header */
.mobile-nav .close-mobile-nav:after,
.mobile-nav .close-mobile-search:after,
.mobile-nav li a,
.mobile-nav li.active ul li.active a,
.mobile-search .close-mobile-nav:after,
.mobile-search .close-mobile-search:after,
.mobile-search li a,
.mobile-search li.active ul li.active a,
.mobile-search span,
.mobile-search-links ul li a,
.mobile-search-links ul li a span {
  color: black;
  background-color: white;
}

.mobile-nav li > a.has-third-level:after,
.mobile-search li > a.has-third-level:after {
  color: black;
}

/* Section Header Hover */
.mobile-nav li a:focus,
.mobile-nav li a:hover,
.mobile-search li a:focus,
.mobile-search li a:hover,
.mobile-search-links ul li a span:focus,
.mobile-search-links ul li a span:hover,
.mobile-search-links ul li a:focus,
.mobile-search-links ul li a:hover,
.mobile-search-links ul li a:hover span {
  color: white;
  background-color: black;
}

/* Subsection Header Hover */
.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li a:hover,
.mobile-nav__content--nav-list > div.mobile-nav__main-nav > ul li.hover,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li a:hover,
.mobile-search__content--nav-list > div.mobile-nav__main-nav > ul li.hover {
  background: black;
  color: white;
}

.mobile-nav .mobile-nav__social-icons--home-link li a:hover {
  background-color: white;
}

/**
MAIN SECTION
**/
/* HOMEPAGE SPECIFIC STYLING */
[data-page-template='basic-home'] .main .main__content .page-content {
  padding: 0 1.5rem;
}

@media only screen and (max-width: 1799px) {
  [data-page-template='basic-home'] .main .main__content {
    max-width: 1420px;
  }
}

@media only screen and (min-width: 1800px) {
  [data-page-template='basic-home'] .main .main__content {
    max-width: 1820px;
  }
}

/* Hide Breadcrumb */
.main__content--breadcrumb {
  display: none;
}

/* Page and Component Margins */
@media only screen and (min-width: 1921px) {
  .main .main__content {
    margin: 0 auto;
  }
}

/* Column Component  */
@media only screen and (min-width: 768px) {
  html[data-page-template='basic-home'] div.sfu-columns > div[data-col-layout] {
    margin: 0;
  }
}

/* Custom Event Information */
@media only screen and (max-width: 768px) {
  .main .page-content__main .event-info {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media only screen and (min-width: 769px) {
  .main .page-content__main .event-info .c2 {
    margin-left: 60px;
  }
}

/* Event Time and Location */
.main_content div.time-location {
  border-bottom: 1px solid #e6e7e8;
  padding: 0;
  margin-bottom: 3rem;
}

.main_content div.time-location p {
  margin-bottom: 1.5rem;
}

/* RSVP Bar */
.main .page-content__main .rsvp {
  display: flex;
  align-items: center;
  width: fit-content;
  background-color: black;
  padding: 2rem 2rem 2rem 25%;
  position: relative;
  left: -25%;
}

.main .page-content__main .rsvp p {
  margin: 1.5rem;
}

.main .page-content__main .rsvp p:first-child {
  color: white;
  font-size: 2.4rem;
  line-height: 2.6rem;
  max-width: 800px;
}

.main .page-content__main .rsvp p:last-child {
  display: inline-table;
}

@media only screen and (max-width: 568px) {
  .main .page-content__main .rsvp {
    width: 100vw;
    padding: 2rem;
    left: -1.5rem;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 768px) {
  .main .page-content__main .rsvp p:first-child {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .main .page-content__main .rsvp {
    flex-direction: column;
  }
}

/* RSVP Bar Button */
.main__content .rsvp p:last-child a {
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 2rem;
  text-decoration: none;
  color: black;
  word-spacing: -0.25rem;
  background-color: #eeeeee;
  border: 1px solid black;
  text-align: left;
  width: fit-content;
  padding: 0.25em 0.5em;
  display: inline-table;
}

.main__content .rsvp p:last-child a::after {
  content: "\00a0\2192";
}

.main__content .rsvp p:last-child a:focus,
.main__content .rsvp p:last-child a:hover {
  background-color: black;
  color: #eeeeee;
  border-color: white;
}

/* Header elements */
.main h1,
.main h1 a,
.main h2,
.main h2 a,
.main h3,
.main h3 a,
.main h4,
.main h4 a,
.main h5,
.main h5 a {
  font-family: "NovemberFNI-Bold", sans-serif;
  color: black;
  word-spacing: 0rem;
  text-transform: none;
}

.main a,
.main input {
  text-transform: none;
}

.main h1 a:hover,
.main h2 a:hover,
.main h3 a:hover,
.main h4 a:hover,
.main h5 a:hover {
  color: #414042;
}

.main h1 {
  font-size: 4rem;
  line-height: 4.48rem;
  margin-bottom: 1.5rem;
}

.main h2 {
  font-size: 3rem;
  line-height: 3.3rem;
  hyphens: auto;
}

.main h3 {
  hyphens: auto;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 768px) {
  .main h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }

  .main h2 {
    font-size: 3.6rem;
    line-height: 3.8rem;
    hyphens: none;
  }

  .main h3 {
    hyphens: none;
  }

  .main .main__content h4 {
    font-size: 2rem;
  }
}

.main .header h2,
.main .header h3,
.main .header h4,
.main .header h5 {
  display: inline-block;
  color: white;
  background-color: black;
  padding: 2rem 2.5rem 2rem calc(25%);
  position: relative;
  left: -25%;
}

.main .header a {
  color: white;
  }
  
  .main .header a:hover {
  color: #eeeeee;
  }

/* Date Stamp */
.datestamp {
  font-family: "NovemberFNI-Regular", sans-serif;
  font-size: 1.6rem;
  word-spacing: 0.2rem;
}

@media only screen and (min-width: 768px) {
  .datestamp {
    font-size: 2rem;
  }
}

/* Topic tags */
@media only screen and (min-width: 768px) {
  .main .main_content .category.section:nth-child(3) a,
  .main .main_content .category.section:nth-child(4) a {
    padding: 0.3rem 0.5rem;
    font-size: 1.5rem;
  }
}

.page-content .category a {
  font-size: 1.4rem;
  line-height: 1.5rem;
}

#container .category a {
  display: inline-block;
  color: black;
  text-decoration: none;
  border: 1px solid black;
  border-radius: 25px;
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.4em;
}

#container .category a:focus,
#container .category a:hover {
  color: white;
  background-color: black;
}

/* Topic page buttons note: THIS SECTION OF STYLING IS FOR THE BUTTONS THAT APPEAR UNDERNEATH THE
"Explore More Topics" SECTIONS OF THE TOPICS PAGES */
.main .main_content .topic-page-button {
  display: flex;
  justify-content: space-between;
}

.main .main_content .topic-page-button {
  font-family: "NovemberFNI-Bold", sans-serif;
  word-spacing: -0.25rem;
  text-decoration: none;
  color: black;
  background-color: #eeeeee;
  border: 1px solid black;
  text-align: left;
  padding: 2rem 0.5em;
}

.main .main_content .topic-page-button p {
  margin-bottom: 0;
  font-size: 2.25rem;
}

.main .main_content .topic-page-button:focus,
.main .main_content .topic-page-button:hover {
  background-color: black;
  color: #eeeeee;
}

/* Body copy */
.main .sfu-columns p,
.main p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  m
}

@media only screen and (min-width: 768px) {
  .main .sfu-columns p,
  .main p {
    font-size: 2rem;
    line-height: 3rem;
  }

  .main .blurb ol,
  .main .blurb p,
  .main .blurb ul {
    width: 75%;
  }
}

@media only screen and (min-width: 1681px) {
  .main .blurb ol,
  .main .blurb p,
  .main .blurb ul {
    width: 70%;
  }
}

/* Unordered List and Ordered List */
.main__content ol li,
.main__content ul li {
  font-size: 1.6rem;
}

.main__content ol li::before,
.main__content ul li::before {
  color: black;
}

@media only screen and (min-width: 568px) {
  .main__content ol li,
  .main__content ul li {
    font-size: 2rem;
  }
}

/* In-Paragraph Links */
.page-content__main a,
.page-content__third-col a {
  color: #414042;
}

.page-content__main a:hover,
.page-content__main a:hover,
.page-content__third-col a:focus,
.page-content__third-col a:hover {
  color: black;
}

/* Custom Button */
.main__content div.custom-button p:last-child a {
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 1.6rem;
  word-spacing: 0.25rem;
  text-decoration: none;
  color: black;
  background-color: #eeeeee;
  border: 1px solid black;
  text-align: left;
  display: block;
  width: fit-content;
  margin-top: 0.5em;
  margin-bottom: 2rem;
  padding: 0.5rem 1rem;
}

.main__content div.custom-button p:nth-last-child(2) {
  margin-bottom: 1.5rem;
}

/* Automatically add a space and arrow to each button */
.main__content div.custom-button p:last-child a::after {
  content: "\00a0\2192";
}

@media only screen and (min-width: 768px) {
  .main__content div.custom-button p:last-child a {
    font-size: 2rem;
  }
}

.main__content div.custom-button p:last-child a:focus,
.main__content div.custom-button p:last-child a:hover {
  background-color: black;
  color: #eeeeee;
}

/* Custom View All Link */
.main__content div.custom-view-all-link p:last-child a {
     font-family: "NovemberFNI-Bold", sans-serif;
    font-size: 2rem;
    text-decoration: none;
    color: black;
    text-align: left;
    display: block;
    width: fit-content;
    margin-top: 1.5em;
    margin-bottom: 2rem;
}


/* Automatically add a space and arrow to end of link */
.main__content div.custom-view-all-link p:last-child a::after {
  content: "\00a0\2192";
}


.main__content div.custom-view-all-link p:last-child a:focus,
.main__content div.custom-view-all-link p:last-child a:hover {
  color: #333333;
}

/* Image Hover */
.main .image a img:hover {
  opacity: 0.75;
}

/* Image Component */
.main img.image-small {
  max-width: 320px;
}

.main img.image-medium {
  max-width: 580px;
}

.main img.image-large {
  max-width: 1024px;
}

/* Text and Image Component */
@media only screen and (min-width: 769px) {
  [data-page="publicsquare-dev"] .textimage {
    margin: 0;
  }
}

.cslogo .image img {
  max-width: 150px;
}

.bio .image img,
.bio-col-2 .image img {
  max-width: 250px;
}

@media only screen and (min-width: 769px) {
  .cslogo .image img {
    max-width: 250px;
  }

  .bio .image img,
  .bio-col-2 .image img {
    max-width: 300px;
  }
}

@media only screen and (min-width: 835px) {
  .cslogo {
    width: 70%;
  }

  .bio {
    width: 80%;
  }
}

@media only screen and (min-width: 980px) {
  .main__content div.textimage > div.cslogo:not([class*=overlay]) {
    grid-template-columns: 1fr 4fr;
  }

  .main__content div.textimage > div.bio:not([class*=overlay]) {
    grid-template-columns: 1fr 3fr;
  }
}

@media only screen and (min-width: 1681px) {
  .bio {
    width: 70%;
  }
}

div.link-block {
  display: inline-block;
  background-color: #E6E6E6;
  padding: 1.25rem 2rem;
}

.link-block h3 {
  margin-bottom: 0.75rem;
}

.link-block ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.link-block ul li {
  list-style-type: none;
  margin: 0.5rem 1.5rem 1rem 0;
}

.link-block ul li:last-child {
  list-style-type: none;
  margin: 0.5rem 0.25rem 1rem 0;
}

.page-content__main .link-block ul li::before,
.page-content__third-col .link-block ul li::before {
  display: none;
}

.link-block a {
  display: inline-block;
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 1.6rem;
  text-decoration: none;
  color: black;
  background-color: none;
  border: 1px solid black;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
}
/* Automatically add a space and arrow to each button */
.link-block a::after {
  content: "\00a0\2192";
}

.link-block a:focus,
.link-block a:hover {
  background-color: black;
  color: #eeeeee;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .main .page-content__main .link-block a {
    font-size: 2rem;
    padding: 1rem 2rem;
  }
}

/* 51ÉçÇøºÚÁÏLogo Block w/ Co-Sponsoring Units */
.page-content__main .main_content .sfuBlock p {
  line-height: 3rem;
  font-size: 2rem;
  margin: 0 0 1.5rem;
  text-transform: uppercase;
}

.page-content__main .main_content .sfuBlock a {
  text-transform: inherit;
  text-decoration: none;
}

.page-content__main .main_content .sfuBlock a:hover {
  text-decoration: none;
}

/* Newsletter CTA */
#NewsletterCTA {
  width: 100%;
}

#previewForm {
  margin-bottom: 0;
}

#previewForm #formInputs {
  flex-grow: 2;
  margin-left: 0;
}

#previewForm #formSocials {
  flex-grow: 1;
}

#previewForm {
  background-color: #d3d3d3;
  padding: 0;
  margin-left: 0;
  position: relative;
  border: none;
}

#previewForm:before {
  content: "";
  background-color: #d3d3d3;
  position: absolute;
  height: 100%;
  width: 100vw;
  top: 0;
  left: calc(-50vw + 50%);
  z-index: -1;
}

#previewForm h2 {
  font-size: 2em;
  color: white;
  background-color: black;
  margin: 0;
  padding: 0.5em 0;
  position: relative;
}

#previewForm h2:before {
  content: "";
  background-color: black;
  position: absolute;
  height: 100%;
  width: 100vw;
  top: 0;
  left: calc(-50vw + 50%);
  z-index: -1;
}

#previewForm h3 {
  font-size: 2em;
  color: black;
  margin: 0;
  padding: 3rem 0 0.5em;
}

#previewForm .field {
  font-size: 1em;
  margin-left: 0;
  padding: 0.3em;
  width: auto;
  max-width: none;
}

@media only screen and (min-width: 768px) {
  #previewForm .field {
    width: 25rem;
    margin-right: 0.5em;
  }
}

[id='6491838FF'] {
  margin-left: 0;
}

#previewForm p {
  font-size: 0.8em;
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 768px) {
  #previewForm p {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.checkbox {
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkbox input[type=checkbox] {
  margin: 0 0.25em 0 0;
}

.checkbox label {
  font-family: "NovemberFNI-Regular", sans-serif;
  font-size: 0.9em;
  margin: 0;
  line-height: 0.8em;
}

#container #SubmitButton {
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  color: black;
  word-spacing: -0.25rem;
  background-color: #eeeeee;
  border: 1px solid black;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5em;
  margin-bottom: 2em;
  padding: 0.25em 0.5em;
  text-transform: none;
}

@media only screen and (max-width: 768px) {
  #container #SubmitButton {
    margin-bottom: 0;
  }
}

#container #SubmitButton:focus,
#container #SubmitButton:hover {
  background-color: black;
  color: #eeeeee;
}

.social-link {
  padding: 0 1rem 3rem;
}

.social-link:focus,
.social-link:hover {
  opacity: 0.75;
}

.social-icon {
  width: 32px;
  height: 32px;
}

#Socials {
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  #previewForm h2 {
    padding: 0.5em;
  }

  .field {
    margin: 0.5em 0;
  }
}

/* One Voice */
.lyrics {
  display: inline-flex;
  position: relative;
}

.lyrics-image {
  max-width: 1024px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.lyrics-image img {
  margin: 0;
}

.lyrics-text {
  display: inline-block;
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1em;
  background: rgba(254, 254, 254, 0.9);
}

.lyrics-text p {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .lyrics-text {
    padding: 1.25em;
  }
}

@media only screen and (max-width: 480px) {
  .lyrics-text {
    padding: 0.75em;
  }

  .lyrics-text p {
    font-size: 1.25rem;
    line-height: 1.8rem;
  }
}

/* Accordion Toggles */

.page-content__main .main_content .toggle,
.page-content__main .main_content .toggle p {
  font-size: 1.6rem;
  text-transform: none;
  color: black;
}

@media only screen and (min-width: 568px) {
  .page-content__main .main_content .toggle,
  .page-content__main .main_content .toggle p {
    font-size: 2rem;
  }
}

.main__content div.toggle.open,
.main__content div.toggle.open p,
.page-content__main .main_content .toggle p:focus,
.page-content__main .main_content .toggle p:hover,
.page-content__main .main_content .toggle:focus,
.page-content__main .main_content .toggle:hover {
  color: #414042;
}

@media only screen and (min-width: 768px) {
  .page-content__main .main_content > .text > .toggle,
  .page-content__main .main_content > .text > .toggleContent {}
}


/* List Component */
.page-content__main ul.clf-list.configurable-list {
  margin-bottom: 0;
}



.page-content__main ul.clf-list.configurable-list[class*=col-] li {
  margin: 0;
  padding: 0;
}

.page-content__main ul.clf-list.configurable-list li:nth-child(n+2) {
  border-top: 0;
  padding-top: 0rem;
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__title a {
  font-family: "NovemberFNI-Regular", sans-serif;
  text-transform: none;
  color: black;
  font-size: 2.2rem;
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__title a:focus,
.page-content__main ul.clf-list.configurable-list li .configurable-list__title a:hover {
  opacity: 0.75;
  color: #414042;
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__title {
  grid-row: 2;
}

.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__title {
  grid-row: 2;
  }

.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__date {
grid-row: 1;
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__date {
  grid-row: 1;
  margin-bottom: 0.5rem;
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__date p {
  text-transform: none;
  color: black;
  font-size: 1.6rem;
  font-family: "NovemberFNI-Regular", sans-serif;
  line-height: 2.4rem;
  background-color: white;
  padding: 0;
}

@media only screen and (min-width: 568px) {
  .page-content__main ul.clf-list.configurable-list li .configurable-list__date p {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.listclf3 .pagination::before, div.list .pagination::before {
display: none;
}

.listclf3 .pagination .previous a::before, .listclf3 .pagination .next a::after, div.list .pagination .previous a::before, div.list .pagination .next a::after {
font-size: 1.6rem;
line-height: 2.4rem;
}


/* Custom Thumbnail Columns */
.main .page-content__main .thumbnail-col-2 .c1,
.main .page-content__main .thumbnail-col-2 .c2,
.main .page-content__main .thumbnail-col-2 .c3 {
  grid-column: auto;
}

.main .page-content__main .thumbnail-col-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 7.5rem;
  word-wrap: break-word;
}

@media only screen and (max-width: 768px) {
  .main .page-content__main .thumbnail-col-2 {
    grid-template-columns: 1fr;
  }
}


/* Custom List Component */
.custom-list li:hover,
.custom-thumbnail:hover {
  opacity: 0.75;
}

.page-content__main .main_content .custom-list li:last-child,
.page-content__main .main_content .custom-list.col-2 li:nth-last-of-type(-n+2):not(:nth-child(even)) {
  margin-bottom: 1rem;
}

.page-content__main .main_content .custom-list .date-overlay {
  position: absolute;
  background-color: white;
}

.page-content__main .main_content .custom-list .date-overlay a {
  padding: 0.5rem 0.75rem;
}

.page-content__main .main_content .custom-list .date-overlay * {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

@media only screen and (min-width: 980px) {
  .page-content__main .main_content .custom-list .date-overlay a {
    padding: 0.75rem 1rem;
  }

  .page-content__main .main_content .custom-list .date-overlay * {
    margin: 0;
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
  .page-content__main .main_content .custom-list .date-overlay a {
    padding: 0.75rem 1rem;
  }

  .page-content__main .main_content .custom-list .date-overlay * {
    margin: 0;
    font-size: 2rem;
    line-height: 3rem;
  }
}

.page-content__main .main_content .custom-list .date-overlay.feature a {
  padding: 0.5rem 1rem 0.5rem 0;
}

.page-content__main .main_content .custom-list .date-overlay.feature * {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

@media only screen and (min-width: 568px) {
  .page-content__main .main_content .custom-list .date-overlay.feature a {
    padding: 0.75rem 1.5rem 0.75rem 0;
  }

  .page-content__main .main_content .custom-list .date-overlay.feature * {
    margin: 0;
    font-size: 2rem;
    line-height: 3rem;
  }
}

.page-content__main .main_content .custom-list .featured-date {
  margin-bottom: 0;
}

.page-content__main .main_content .custom-list li a,
.page-content__main .main_content .custom-thumbnail :not(:nth-last-child(2)) a {
  text-decoration: none;
  color: black;
}

.page-content__main .main_content .custom-thumbnail :nth-last-child(2) a {
  color: black;
}

.page-content__main .main_content .custom-list li a:focus,
.page-content__main .main_content .custom-list li a:hover,
.page-content__main .main_content .custom-thumbnail a:focus,
.page-content__main .main_content .custom-thumbnail a:hover {
  color: #414042;
}

.page-content__main .custom-list li img,
.page-content__main .custom-thumbnail img {
  margin-bottom: 1em;
}

.page-content__main .custom-thumbnail p:first-child {
  margin: 0;
}

.page-content__main .custom-thumbnail p:first-child a {
  display: block;
}

.page-content__main .main_content .custom-list li a h3,
.page-content__main .main_content .custom-thumbnail h3 {
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.page-content__main .main_content .custom-list li a h3:focus,
.page-content__main .main_content .custom-list li a h3:hover,
.page-content__main .main_content .custom-thumbnail h3 a:focus,
.page-content__main .main_content .custom-thumbnail h3 a:hover {
  color: #414042;
}

.page-content__main .main_content .custom-list li *,
.page-content__main .main_content .custom-thumbnail,
.page-content__main ul.clf-list .category {
  display: block;
}

.page-content__main ul.clf-list .category p a {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.page-content__main .main_content .custom-list li .description,
.page-content__main .main_content .custom-thumbnail p:not(:first-child):not(:last-child) {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.page-content__main .main_content .custom-list li .page-link p,
.page-content__main .main_content .custom-thumbnail p:last-child {
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 0;
}

.page-content__main .main_content .custom-thumbnail p:last-child a::after {
  content: "\00a0\2192";
}

@media only screen and (min-width: 568px) {
  .page-content__main .main_content .custom-list li .description,
  .page-content__main .main_content .custom-thumbnail p:not(:first-child):not(:last-child) {
    font-size: 2rem;
    line-height: 3rem;
  }

  .page-content__main .main_content .custom-list li .page-link p,
  .page-content__main .main_content .custom-thumbnail p:last-child {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.page-content__main .main_content .emptyText {
  background-color: transparent;
  border: none;
}

.page-content__main .main_content .emptyText::before {
  content: "";
}

@media only screen and (max-width: 768px) {
  .page-content__main ul.clf-list.col-2.custom-list {
    grid-template-columns: 1fr;
  }
}

@media only screen and (min-width: 768px) {
  .page-content__main .main_content .emptyText {
    width: 75%;
  }
}

@media only screen and (min-width: 1681px) {
  .page-content__main .main_content .emptyText {
    width: 70%;
  }
}

.page-content__main .main_content .pagination {
  margin-top: 0;
}

.page-content__main .main_content .pagination .next a,
.page-content__main .main_content .pagination .previous a {
  font-family: "NovemberFNI-Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-decoration: none;
  color: black;
  visibility: hidden;
  position: relative;
}

.page-content__main .main_content .pagination .next a::after {
  visibility: visible;
  position: absolute;
  font-size: 1.6rem;
  font-family: "NovemberFNI-Bold", sans-serif;
  top: 0;
  left: 0;
  content: "Next\00a0\2192";
}

.page-content__main .main_content .pagination .previous a::after {
  visibility: visible;
  position: absolute;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-family: "NovemberFNI-Bold", sans-serif;
  top: 0;
  left: 0;
  content: "\2190\00a0Previous";
}

.page-content__main .main_content .pagination .next a:focus,
.page-content__main .main_content .pagination .next a:hover,
.page-content__main .main_content .pagination .previous a:focus,
.page-content__main .main_content .pagination .previous a:hover {
  opacity: 0.75;
  color: #414042;
}

@media only screen and (min-width: 568px) {
  .page-content__main .main_content .pagination .next a,
  .page-content__main .main_content .pagination .previous a {
    font-size: 2rem;
    line-height: 3rem;
  }
}

/* Testimonial Component */
.custom-testimonial {
  margin-left: 16rem;
  margin-bottom: 8rem;
  border-bottom: 5px solid black;
  width: 45%;
  position: relative;
}

.custom-testimonial h2 {
  font-size: 4.5rem;
}

.custom-testimonial h3,
.custom-testimonial p {
  font-size: 3rem;
  line-height: 3.6rem;
}

.custom-testimonial-graphic::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 20px solid black;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
  border-bottom: 20px solid transparent;
  left: 0;
  bottom: -40px;
}

.custom-testimonial-graphic::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 7px solid #fff;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  border-bottom: 7px solid transparent;
  left: 6px;
  bottom: -26px;
}

/**
FOOTER
**/
/**
GRID
**/
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
  margin-left: 4em;
}

@media only screen and (max-width: 768px) {
  .flex-column {
    margin: 0 1em;
  }

  .flexible {
    flex-direction: column;
  }
}