/*
  Theme Name: CPCeelium
  Description: Heelium child theme for CPC
  Author: Ian Hoyt-McCocaCola
  Template: heelium
  Version: 1.07
  Date: 2023-03-22

*/

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans", Arial, sans-serif;
}

body {
  overflow-x: hidden;
}

a {
  color: #642873;
}

a:hover, a:focus {
  color: #13294B;
}

.no-bold {
  font-weight: 400;
}

.mt-0 {
  margin-top: 0;
}

.home .content {
  padding-bottom: 0;
}

.full-width {
  width: 100%;
}

.cpc-purple {
  color: #642873;;
}

#menu-main-nav {
  font-size: 16px;
  font-weight: bold;
}

.dropdown-menu>li>a {
  font-size: 14px;
}

.cpc-news-archive-sidebar .dropdown-menu {
  padding-inline-start: 0;
}

.cpc-news-archive-sidebar .dropdown-menu>li>a {
  padding: 4px 10px;
}

.center-text, .text-center {
  text-align: center;
}

.text-cpc-navy {
  color: #13294B;
}

.text-white {
  color: white;
}

.text-black {
  color: black;
}

.bg-white {
  background-color: white;
}

.bg-navy {
  background-color: #13294B;
}

.bg-purple {
  background-color: #642873;
}

.bg-teal {
  background-color: #00A5AD;
}

.btn:not(.search-submit) {
  height: 60px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.btn.btn-shorter {
  height: 42px;
  line-height: 1;
}

.btn-primary {
  border: 4px solid #13294B;
}

.btn-primary:hover,
.btn-primary:focus {
  color: black;
  background-color: white;
  border-color: #13294B;
  text-decoration: underline;
}

.btn-davie-green {
  background-color: #C4D600;
  border: 4px solid #C4D600;
  font-weight: bold;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  color: black;
}

.btn-davie-green:hover,
.btn-davie-green:focus {
  background-color: white;
  color: black;
  text-decoration: underline;
}

.btn-purple {
  background-color: #642873;
  color: white;
  border: 4px solid #642873;
}

.btn-purple:hover,
.btn-purple:focus {
  background-color: white;
  color: black;
  text-decoration: underline;
}

.card {
  margin: 6px 14px 6px 14px;
  border: 0 solid rgba(0,0,0,.250);
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
}

.gform_wrapper .gform_footer input[type='submit'] {
  height: 60px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #C4D600;
  border: 4px solid #C4D600;
  font-weight: bold;
  font-size: 16px;
  color: black;
}

.gform_wrapper .gform_footer input[type='submit']:hover,
.gform_wrapper .gform_footer input[type='submit']:focus {
  background-color: white;
  color: black;
  text-decoration: underline;
}

.homepage-banner {
  height: 300px;
  position: relative;
  overflow-x: hidden;
}

.homepage-banner img {
  object-fit: cover;
}

.homepage-banner .homepage-banner-box {
  text-align: center;
  position: absolute;
  top: 13%;
  right: 15%;
  color: black;
  width: 600px;
  background-color: rgba(5, 5, 5, 0.95);
  padding: 10px 12px 16px 12px;
  border-radius: 4px;
}

.homepage-banner .homepage-banner-box .homepage-banner-text {
  font-size: 26px;
  font-weight: bold;
  color: white;
  line-height: 1.6;
}

.homepage-banner .homepage-banner-box .homepage-banner-button button {
  margin-top: 26px;
  margin-bottom: 26px;
  background-color: #C4D600;
  /* border: 4px solid #C4D600; */
  color: #13294B;
  height: 60px;
  font-size: 18px;
  border-radius: 5px;
  padding-left: 24px;
  padding-right: 24px;
}

.homepage-banner .homepage-banner-box .homepage-banner-button button:hover,
.homepage-banner .homepage-banner-box .homepage-banner-button button:focus {
  background-color: #00A5AD;
  color:  white;
  text-decoration: underline;
}

.header-logo img {
  max-width: 500px;
}

.homepage-project-logos {
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 30px;
}

.homepage-project-logos .homepage-project-logo-container {
  max-width: 300px;
  width: 300px;
  max-height: 150px;
  margin: 30px 40px;
  flex-grow: 1;
}

.page-header {
  border-bottom: none;
  margin-bottom: 40px;
}

.page-header h1 {
  margin-bottom: 8px;
}

.page-header h1:after {
  content: '';
  position: relative;
  top: 8px;
  display: block;
  /* border-bottom: 3px solid #C4D600; */
  width: 40px;
  height: 1px;
}

.page-header.underline-green h1:after {
  border-bottom: 3px solid #C4D600;
}

.page-header.underline-teal h1:after {
  border-bottom: 3px solid #00A5AD;
}

.page-header.underline-purple h1:after {
  border-bottom: 3px solid #642873;
}

.cpc-color-bar {
  height: 40px;
  /* background-color: red; */
  width: 100vw;
  margin-left: -16px;
}

.cpc-color-bar.bg-teal {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1028%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 165%2c 173%2c 1)'%3e%3c/rect%3e%3ccircle r='93.335' cx='-0.96' cy='-33.95' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='323.11' cy='370.94' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='788.1' cy='653.56' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='135.17' cx='100.41' cy='404.76' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.765' cx='462.79' cy='210.08' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.44' cx='788.39' cy='371.37' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.885' cx='110.28' cy='139.1' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='117.73' cx='1289.67' cy='98.38' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='111.295' cx='706.05' cy='45.93' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.38' cx='74.12' cy='184.78' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='49.83' cx='1252.88' cy='478.54' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='86.13' cx='795.29' cy='167.84' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='138.21' cx='825.69' cy='138.69' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='145.47' cx='148.88' cy='346.62' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='106.595' cx='15.44' cy='220.07' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.77' cx='562.14' cy='435.15' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='181.13' cx='17.61' cy='504.05' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='55.72' cx='1175.86' cy='520.92' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='168.7' cx='1324.3' cy='101.92' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='116.305' cx='1085.14' cy='242.33' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='113.785' cx='185.76' cy='176.87' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='137.715' cx='1293.7' cy='14.34' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1028'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");}

.cpc-color-bar.bg-green {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1027%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(196%2c 214%2c 0%2c 1)'%3e%3c/rect%3e%3ccircle r='93.335' cx='-0.96' cy='-33.95' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='323.11' cy='370.94' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='788.1' cy='653.56' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='135.17' cx='100.41' cy='404.76' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.765' cx='462.79' cy='210.08' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.44' cx='788.39' cy='371.37' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.885' cx='110.28' cy='139.1' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='117.73' cx='1289.67' cy='98.38' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='111.295' cx='706.05' cy='45.93' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.38' cx='74.12' cy='184.78' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='49.83' cx='1252.88' cy='478.54' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='86.13' cx='795.29' cy='167.84' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='138.21' cx='825.69' cy='138.69' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='145.47' cx='148.88' cy='346.62' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='106.595' cx='15.44' cy='220.07' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.77' cx='562.14' cy='435.15' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='181.13' cx='17.61' cy='504.05' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='55.72' cx='1175.86' cy='520.92' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='168.7' cx='1324.3' cy='101.92' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='116.305' cx='1085.14' cy='242.33' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='113.785' cx='185.76' cy='176.87' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='137.715' cx='1293.7' cy='14.34' stroke='%23365aa3' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1027'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.cpc-color-bar.bg-purple {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1030%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(100%2c 40%2c 115%2c 1)'%3e%3c/rect%3e%3ccircle r='93.335' cx='-0.96' cy='-33.95' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='323.11' cy='370.94' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='788.1' cy='653.56' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='135.17' cx='100.41' cy='404.76' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.765' cx='462.79' cy='210.08' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.44' cx='788.39' cy='371.37' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.885' cx='110.28' cy='139.1' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='117.73' cx='1289.67' cy='98.38' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='111.295' cx='706.05' cy='45.93' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='139.38' cx='74.12' cy='184.78' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='49.83' cx='1252.88' cy='478.54' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='86.13' cx='795.29' cy='167.84' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='138.21' cx='825.69' cy='138.69' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='145.47' cx='148.88' cy='346.62' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='106.595' cx='15.44' cy='220.07' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='98.77' cx='562.14' cy='435.15' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='181.13' cx='17.61' cy='504.05' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='55.72' cx='1175.86' cy='520.92' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='168.7' cx='1324.3' cy='101.92' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='116.305' cx='1085.14' cy='242.33' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='113.785' cx='185.76' cy='176.87' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3ccircle r='137.715' cx='1293.7' cy='14.34' stroke='%2336a35d' stroke-opacity='0.25' stroke-width='2'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1030'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.mc4wp-form input[type='submit'] {
  background-color: #C4D600;
  color: black;
  height: 60px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border: 4px solid #C4D600;
  font-size: 16px;
  font-weight: bold;
}

.mc4wp-form input[type='submit']:hover,
.mc4wp-form input[type='submit']:focus {
  background-color: white;
  color: black;
  text-decoration: underline;
}

.mc4wp-form input[type='text'],
.mc4wp-form input[type='email'],
.mc4wp-form input[type='select'] {
  height: 42px;
}

#tribe-events-pg-template {
  padding-top: 0;
}

#tribe-events {
  padding-top: 0;
}

#tribe-events-content a {
  color: #642873;
  text-decoration: underline;
}

#tribe-events-content a:hover,
#tribe-events-content a:focus {
  color: #13294B;
  text-decoration: none;
}

.cpc-svg-bg {
  background-color: #F8F8F8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F8F8F8'/%3E%3Cstop offset='1' stop-color='%23F8F8F8'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23E3EAEA' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E3EAEA' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%23E3EAEA' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E3EAEA' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.83'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.cpc-featured-news {
  padding-top: 4px;
  padding-bottom: 10px;
  flex-wrap: wrap;
}

.cpc-featured-news-item {
  width: 250px;
  height: 300px;
  background-color: #13294B;
  text-align: left;
  /* margin-right: 14px; */
  /* margin-left: 14px; */
  margin: 14px;
  flex-basis: auto;
  /* flex-grow: 1; */
}

.cpc-featured-news-item img {
  height: 50%;
}

.cpc-featured-news-title {
  padding: 12px;
  font-size: 16px;
  line-height: 1.7;
}

.cpc-featured-news-title a {
  color: white;
  text-align: left;
  text-decoration: none;
}
.cpc-featured-news-title a:hover,
.cpc-featured-news-title a:focus {
  text-decoration: underline;
}

.cpc-about-section {
  border: 1px solid #cdcdcd;
  border-top: none;
  margin-top: 40px;
  margin-bottom: 20px;
  /* padding: 20px;
  padding-top: 0; */
}

.cpc-about-section h2 {
  margin-top: 0;
  padding: 18px;
  padding-left: 20px;
}

.cpc-about-section p {
  margin-left: 20px;
  margin-right: 20px;
}

.cpc-about-section a button {
  background-color: #4B9CD3;
  border-radius: 4px;
  border: 4px solid #4B9CD3;
  padding: 8px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  color: white;
  transition: 0.2s all;
}

.cpc-about-section a {
  margin: 0 auto;
  color: black;
}

.cpc-about-section a button:hover,
.cpc-about-section a button:focus,
.btn-gold:hover, .btn-gold:focus {
  background-color: white;
  text-decoration: underline;
}

/* .cpc-svg-bg2 {
  background-color: #13294B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23642873'/%3E%3Cstop offset='1' stop-color='%2313294B'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%234B9CD3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234B9CD3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.32'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
} */
.cpc-svg-bg2 {
  background-color: #13294B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%2313294B'/%3E%3Cstop offset='1' stop-color='%23642873'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.cpc-svg-bg3 {
  background-color: #4B9CD3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%234B9CD3'/%3E%3Cstop offset='1' stop-color='%2300A5AD'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23C4D600' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23C4D600' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23C4D600' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23C4D600' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.25'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.cpc-theme-description {
  font-size: 16px;
}

.full-width-stretched {
  /* margin: 0 -2000px;
  padding: 20px 2000px; */
  /* overflow-x: hidden; */
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-top: 30px;
  padding-bottom: 30px;
}

.home-research-themes-section {
  padding-top: 20px;
  padding-bottom: 30px;
}

.front-page-publications-section {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
}

form input[type=email], form input[type=text] {
    width: 100%!important;
}

.homepage-hero {
  height: 300px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='300' preserveAspectRatio='none' viewBox='0 0 1440 300'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1005%26quot%3b)' fill='none'%3e%3crect width='1440' height='300' x='0' y='0' fill='rgba(75%2c 156%2c 211%2c 1)'%3e%3c/rect%3e%3cpath d='M452.36 339.25C593.16 339.06 726.66 261.28 1010.01 260.47 1293.37 259.66 1424.91 138.2 1567.67 137.47' stroke='rgba(196%2c 214%2c 0%2c 0.4666666666666667)' stroke-width='2'%3e%3c/path%3e%3cpath d='M628.52 325.11C761.63 322.2 877.79 140.88 1128.2 140.84 1378.6 140.8 1499.57 257.06 1627.87 257.84' stroke='rgba(196%2c 214%2c 0%2c 0.4666666666666667)' stroke-width='2'%3e%3c/path%3e%3cpath d='M107.1 314.69C232.89 307.63 324.56 80.74 552.83 79.56 781.1 78.38 775.69 117.06 998.55 117.06 1221.42 117.06 1332.45 79.59 1444.28 79.56' stroke='rgba(196%2c 214%2c 0%2c 0.4666666666666667)' stroke-width='2'%3e%3c/path%3e%3cpath d='M346.11 322.09C513.57 313.9 641.4 23.2 946.05 22.38 1250.7 21.56 1394.44 109.15 1545.99 109.38' stroke='rgba(196%2c 214%2c 0%2c 0.4666666666666667)' stroke-width='2'%3e%3c/path%3e%3cpath d='M366.49 355.88C516.93 353.42 650.48 166.29 937.64 166.12 1224.81 165.95 1364.97 235 1508.8 235.12' stroke='rgba(196%2c 214%2c 0%2c 0.4666666666666667)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1005'%3e%3crect width='1440' height='300' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  background-position: center;
  line-height: 1.5em;

}

.homepage-hero-text {
  width: 400px;
  color: white;
  text-align: center;
}

.featured-text {
  /* color: white; */
  background-color: #f8f8f8;
  font-size: 18px;
  padding-top: 50px;
  padding-bottom: 50px;
  /* padding: 12px 32px 16px 32px; */
}

.home .content.container {
  padding-top: 0;
}

.home-impact-section {
  background-color: #F8F8F8;
  /* color: white; */
  /* background-color: #642873; */
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300a5ad'/%3E%3Cstop offset='1' stop-color='%23642873'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%234b9cd3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234b9cd3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.48'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E"); */
  background-attachment: fixed;
  background-size: cover;
  font-size: 16px;
}

.home-impact-section h2 {
  margin-top: 12px;
}

.image-box-with-link {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  /* border: 0 solid rgba(0,0,0,.250); */
  /* border: 20px solid white; */
  /* box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%); */
  max-width: 300px;
}

.image-box-text h2 {
  position: absolute;
  bottom: 30px;
  left: 80px;
  color: white;
  font-size: 24px;
}

a.cpc-hp-research-theme-link  {
  text-decoration: none;
  /* width: 80%; */
}

.cpc-hp-research-theme {
  border: 0 solid rgba(0,0,0,.250);
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 40%);
  padding-top: 8px;
  padding-bottom: 8px;
  /* width: 80%; */
  height: 260px;
  margin-top: 18px;
  margin-bottom: 18px;
  margin-right: 0;
}

a.cpc-hp-research-theme-link:hover .cpc-hp-research-theme,
a.cpc-hp-research-theme-link:focus .cpc-hp-research-theme {
  background-color: #F8F8F8;
  text-decoration: underline;
}

.projects-search, .people-search, .bib-search {
  width: 100%;
  background-color: #f7f7f7;
  border: 0 solid rgba(0,0,0,.250);
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
  border-top: 1px solid #666;
  margin-bottom: 16px;
}

.people-search {
  padding-top: 16px;
}

#search-sort select {
  margin-top: 0;
}

.projects-search .projects-search-status-options {
  list-style-type: none;
  font-size: 20px;
  font-weight: bold;
  margin-top: 16px;
}

.projects-search .projects-search-status-options > li {
  display: inline-block;
  zoom:1;
  margin-right: 24px;
}

.project-search-container, .people-search-container {
  width: 400px;
}

.flex-container.projects-search-options,
.flex-container.people-search-options {
  margin-left: 40px;
}

.flex-container.projects-search-options select,
.flex-container.people-search-options select {
  margin-top: 0;
  /* margin-bottom: 20px; */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAARUlEQVQ4y2N49+7dfyBgoDdmGLV41GJknJaWJgjEoVjE0+hh8Rlki4DMmSBM86CGWr4qDQJAlpbTNY6hlqaNpupRi3FhAAWwg5PCBypjAAAAAElFTkSuQmCC);
}

.flex-container.projects-search-options button,
.flex-container.projects-search-options a,
.flex-container.people-search-options button,
.flex-container.people-search-options a,
#search-sort .advanced-search-toggle {
  display: block;
  margin-top: 34px;
  margin-bottom: 20px;
}

.flex-container.projects-search-options button,
.flex-container.people-search-options button {
  width: 100px;
}

.flex-container.projects-search-options select {
  /* width: 90%; */
}

.flex-container.projects-search-options div,
.flex-container.people-search-options div {
  /* display: inline-block; */
  margin-right: 16px;
}

.cpc-current-display-count {
  margin-bottom: 12px;
  font-size: 16px;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.flex-center {
  justify-content: center;
}

.flex-container.align-center {
  align-items: center;
}

.cpc-image-box {
  /* width: 25%; */
  /* width: 300px; */
  flex-basis: 275px;
  margin: 20px;
  /* height: 330px; */
  align-self: normal;
}

.cpc-image-box a {
  text-decoration: none;
  text-decoration-color: white;
}

.cpc-image-box a:hover,
.cpc-image-box a:focus {
  text-decoration: underline;
  text-decoration-color: white;
}

.cpc-image-box-text {
  margin-top: 0;
  background-color: #13294B;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 6px 12px 2px;
  height: 90px;
  /* line-height: 60px; */
}


.homepage-boxes-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.cpc-card {
  border: 0 solid rgba(0,0,0,.250);
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 40%);
  padding: 16px;
  padding-right: 24px;
  margin-bottom: 20px;
}

.cpc-card .cpc-card-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
}

.cpc-card-list {
  display: flex;
  flex-wrap: wrap;
}

.cpc-card-list .cpc-person-card {

  max-width: 240px;
  margin: 6px 14px 6px 14px;
  border: 0 solid rgba(0,0,0,.250);
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
}

.cpc-person-card-name, .cpc-person-card-name a {
  font-weight: bold;
}

.cpc-card-list .cpc-person-card .cpc-person-card-text {
  padding: 4px 0 12px 10px;
  /* height: 60px; */
}

.cpc-card-list .cpc-person-card .cpc-person-card-text .cpc-person-card-dept {
  font-size: 16px;
}

.cpc-card-list .cpc-person-card .cpc-person-card-text .cpc-person-card-title {
  font-weight: bold;
  font-size: 20px;
}

.cpc-person-card-alt {
  /* vertical-align: top; */
  width: 300px;
  margin-bottom: 28px;
  margin-right: 28px;
}

.cpc-person-card-photo {
  border: 2px solid #00A5AD;
  /* border: 2px solid #C4D600; */
  padding: 4px;
  margin-right: 14px;
}

.cpc-person-card-alt img {
  max-width: 100px;
  border: 1px solid #00A5AD;
  /* border: 1px solid #C4D600; */
}

.cpc-person-card-alt div {
  display: inline-block;
  vertical-align: top;
}

.cpc-person-card-alt .cpc-person-card-info {
  max-width: 160px;
}

.person-title {
  font-size: 18px;
  color:#13294B;
}

.person-excerpt {
  font-size: 18px;
  /* font-weight: 600; */
}

.project-logo-container {
  height: 100px;
  white-space: nowrap;
  position: relative;
}

.project-logo-container img {
  max-height: 100px;
  max-width: 90%;
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.project-meta {
  display: flex;
  flex-wrap: wrap;
}

.project-meta .project-meta-entry {
  width: 50%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  padding-top: 8px;
  padding-left: 12px;
}

.project-meta .project-meta-entry .project-meta-label {
  font-weight: bold;
  margin-right: 4px;
}

/* Top bar pattern */
#abovefold {
  background-color: #00a5ad;
  /* background-color: #4B9CD3; */
  background-color: #4B9CD3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1074' height='595' preserveAspectRatio='xMinYMid' viewBox='0 0 1080 595'%3E%3Cg fill-opacity='0.05'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
  /* background by SVGBackgrounds.com */
  /* background-position: top center;
  background-size: stretch; */
}

.cpc-pagination,
.people-name-filter-container,
.page-nav {
  font-size: 16px;
  text-align: center;
}

.cpc-pagination ul,
.people-name-filter-container ul {
  list-style-type: none;
}

.cpc-pagination ul > li,
.people-name-filter-container ul > li {
  display: inline-block;
  zoom:1;
}

.cpc-pagination li,
.people-name-filter-container li {
  margin-left: 6px;
  margin-right: 6px;
}

.cpc-pagination li.current,
.people-name-filter-container li.current {
  font-weight: bold;
}

.page-nav .current {
  font-size: 16px;
}

.people-name-filter-container {
  margin-bottom: 24px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.navy-bg {
  background-color: #13294B;
}

.unc-bg {
  background-color: #4b9cd3;
}

.light-gray-bg {
  background-color: #f8f8f8;
}

footer .container, footer .container-fluid {
  padding-top: 30px;
}

footer .main-footer-info {
  padding-bottom: 30px;
}

footer .footer-pre {
  /* padding-top: 30px; */
  padding-bottom: 30px;
}

.footer-pre h2 {
  /* display: inline-block; */
  /* margin-top: 14px; */
  margin-bottom: 14px;
  padding-top: 6px;
  /* margin-right: 28px; */
  font-size: 26px;
  color: #642873;
}

.footer-social-link {
  max-width: 50px;
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 20px;
  /* margin-left: 12px; */
}

.footer-social-link img {
  max-width: 50px;
}

.footer-pre .footer-gift-box {
  color: #333;
  background-color: #fffcfc;
  padding: 24px 24px 16px 24px;
  /* text-align: left; */
  border: 1px solid #aaa;
}

.footer-pre .footer-gift-box p {
  text-align: left;
  line-height: 1.8;
  margin-bottom: 24px;
}

.footer-pre .row.container {
  margin-left: 0;
  padding-left: 0;
}

.footer-pre .footer-pre-block h2 {
  margin-bottom: 28px;
}

.footer-pre .footer-pre-block button.btn {
  font-size: 16px;
  background-color: #13294B;
  /* color: #13294B; */
  color: white;
  border: 4px solid #13294B;
}

.footer-pre .footer-pre-block button.btn:hover,
.footer-pre .footer-pre-block button.btn:focus {
  background-color: white;
  color: black;
  text-decoration: underline;
}

#copyright {
  margin-top: 0;
}

.cpc-footer-logo img {
  max-width: 400px;
}

.cpc-footer-address {
  margin-top: 24px;
  line-height: 20px;
  color: white;
}

ul.cpc-footer-menu {
  list-style-type: none;
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  margin: 0 24px 0 24px;
  /* font-weight: bold; */
}

ul.cpc-footer-menu a {
  color: white;
  text-decoration: none;
  transition: 0s all;
}

ul.cpc-footer-menu a:hover, ul.cpc-footer-menu a:focus {
  color: #C4D600;
  text-decoration: underline;
}

.inline-block {
  display: inline-block;
}

.cpc-homepage-content-area {
  background-color: #4B9CD3;
   /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1014%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M 0%2c194 C 76.8%2c217 230.4%2c340.8 384%2c309 C 537.6%2c277.2 614.4%2c39.6 768%2c35 C 921.6%2c30.4 998.4%2c284.6 1152%2c286 C 1305.6%2c287.4 1382.4%2c1.4 1536%2c42 C 1689.6%2c82.6 1843.2%2c399.6 1920%2c489L1920 1080L0 1080z' fill='rgba(75%2c 156%2c 211%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c966 C 128%2c901 384%2c633.8 640%2c641 C 896%2c648.2 1024%2c988 1280%2c1002 C 1536%2c1016 1792%2c769.2 1920%2c711L1920 1080L0 1080z' fill='rgba(19%2c 41%2c 75%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1014'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); */
   background-image: url('https://www.cpc.unc.edu/wp-content/uploads/2022/01/Stacked-Wave-1.png');
   background-position: center;
   background-attachment: inherit;
   /* background-position: left top; */
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: #4B9CD3;
}

.cpc-front-news-section {
  background-color: white;
  padding: 1px 18px 6px 18px;
}

.cpc-front-news-section h2 {
  font-size: 22px;
  color: #13294B;
  margin-top: 14px;
}

.cpc-front-news-item {
  border-bottom: 1px solid #ccc;
}

.cpc-front-news-item .cpc-front-news-item-title {
  font-size: 18px;
  margin-bottom: 2px;
}

.cpc-front-news-item .cpc-front-news-item-title a:hover,
.cpc-front-news-item .cpc-front-news-item-title a:focus {
  color: black;
}

.cpc-front-news-item .cpc-front-news-date-day {
  font-weight: bold;
  font-size: 24px;
}

.cpc-front-news-section .cpc-front-news-view-all {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 18px;
}

.wp-caption.alignleft {
  margin-right: 18px;
}

.wp-caption.alignright {
  margin-left: 18px;
}

.people-card img {
  max-width: 300px;
}

.news-featured-people-card h2 {
  padding-bottom: 16px;
}

.news-featured-people-card .news-featured-people-container {
  display: flex;
}

.project-page-section {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

@media (max-width: 1600px) {
  .homepage-banner-image {
      width: 1900px;
      max-width: 140%;
      object-position: -80px;
  }

  .homepage-banner .homepage-banner-box {
    right: 7%;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-text {
    font-size: 22px;
    line-height: 1.6;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-button button {
    margin-top: 18px;
    margin-bottom: 18px;
    height: 50px;
    font-size: 16px;
  }
}

@media (max-width: 1200px) {
  .homepage-banner {
    height: 100%;
  }

  .homepage-banner .homepage-banner-box {
    /* position: relative;
    width: 100%;
    bottom: 40%;
    right: 0; */
    width: 450px;
    top: 10%;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-text {
    font-size: 20px;
  }
}

@media (max-width: 1024px) {
  .homepage-banner .homepage-banner-box .homepage-banner-text {
    font-size: 20px;
    line-height: 1.6;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-button button {
    margin-top: 18px;
    height: 44px;
    font-size: 16px;
  }
}

@media(max-width: 992px) {
  .homepage-banner-image {
      width: 1900px;
      max-width: 160%;
      object-position: -80px;
  }

  .homepage-banner .homepage-banner-box {
    width: 100%;
    height: 100%;
    background-color: rgba(5, 5, 5, 0.65);
    left: 0;
    top: 0;
    padding-top: 30px;
    padding-left: 110px;
    padding-right: 110px;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-text {
    font-size: 24px;
  }

  .tc-sm {
    text-align: center;
  }

  .footer-social-block {
    margin-bottom: 36px;
  }

  .cpc-theme-image {
    margin-bottom: 28px;
  }

  .header-logo img {
    max-width: 450px;
  }

  .homepage-project-logos .homepage-project-logo-container {
    max-width: 250px;
    width: 250px;
    max-height: 150px;
    margin: 30px 40px;
  }
}

@media (max-width: 768px) {
  .homepage-banner-image {
      width: 3000px;
      max-width: 300%;
      object-position: -80px;
  }

  .homepage-banner .homepage-banner-box {
    padding-top: 70px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .tc-x-sm {
    text-align: center;
  }
  
  .header-logo img {
    max-width: 350px;
  }
}

@media (max-width: 680px) {
  .homepage-banner .homepage-banner-box {
    padding-top: 50px;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-button button {
    height: 40px;
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (max-width: 580px) {
  .homepage-banner .homepage-banner-box {
    padding-top: 30px;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-text {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .homepage-banner .homepage-banner-box {
    padding-top: 20px;
  }

  .homepage-banner .homepage-banner-box .homepage-banner-text {
    font-size: 20px;
  }
}