html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

body {
  margin: 0;
  font-size: 16px;
  line-height: 1.5em;
  font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
  letter-spacing: 0.03em;
}

a:link, a:visited {
  color: blue;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-decoration: underline;
}

#site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}

h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.75em;
}

h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}

h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}

h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

p {
  margin: 0 0 1em 0;
}

ul, ol {
  margin-left: 0;
  padding-left: 0;
}

table {
  width: 100%;
}

tr.even td,
tr.odd td {
  padding: 10px 5px;
}

tr.odd {
  background-color: white;
}

pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

ul {
  list-style-type: disc;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ul ul ul ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: decimal;
}

abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

#edit-title {
  font-size: 24px;
  width: 99%;
}

#system-themes-form img {
  width: 100px;
}

.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}

#edit-delete {
  color: #cc0000;
}

div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee;
  word-wrap: break-word;
}

div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55;
}

div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522;
}

div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

label {
  font-weight: normal;
  margin-bottom: 5px;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
textarea,
select[multiple=multiple] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-transition: border-color 0.1s ease-in-out;
  -moz-transition: border-color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 6.6666666667px;
  max-width: 100%;
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
textarea:hover,
select[multiple=multiple]:hover {
  border-color: #999999;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
textarea:focus,
select[multiple=multiple]:focus {
  border-color: black;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 5px;
}

input[type="file"] {
  width: auto;
  padding-bottom: 10px;
}

select {
  max-width: 100%;
  width: auto;
  margin-bottom: 20px;
}

input[type="submit"] {
  background: transparent;
  border: 1px solid black;
  padding: 6.6666666667px 10px;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
input[type="submit"]:hover {
  background-color: black;
  color: white;
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

@font-face {
  font-family: "HelveticaNowBoldItalic";
  src: url("../webfont/HelveticaNowDisplayBoldItalic/font.woff2") format("woff2"), url("../webfont/HelveticaNowDisplayBoldItalic/font.woff") format("woff");
}
@font-face {
  font-family: "HelveticaNowBold";
  src: url("../webfont/HelveticaNowDisplayBold/font.woff2") format("woff2"), url("../webfont/HelveticaNowDisplayBold/font.woff") format("woff");
}
@font-face {
  font-family: "HelveticaNow";
  src: url("../webfont/HelveticaNowDisplayRegular/font.woff2") format("woff2"), url("../webfont/HelveticaNowDisplayRegular/font.woff") format("woff");
}
@font-face {
  font-family: "HelveticaNowItalic";
  src: url("../webfont/HelveticaNowDisplayItalic/font.woff2") format("woff2"), url("../webfont/HelveticaNowDisplayItalic/font.woff") format("woff");
}
/*-----------------------------------------------------------------------------
 * Main template sizing/styling
 *----------------------------------------------------------------------------*/
body {
  margin: 1em 1em 0;
  height: calc(100vh - 1em);
  position: relative;
}

main {
  flex: 1;
}

body,
p {
  font-family: 'HelveticaNow', sans-serif;
  color: #2d3b4e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #275c7c;
}

.h1-as-h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.25em;
}

#edit-populate, [id^="edit-populate--"] {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: .7rem 2rem .7rem 2.25rem !important;
  font-size: 16px !important;
  background: url(../images/Search_Icon_CP-Gray50.png) no-repeat scroll 7px 12px !important;
  background-color: #e9eef1 !important;
  background-size: 20px !important;
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
  background-color: #e9eef1;
  border-radius: 0;
  vertical-align: middle;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  display: revert;
}

input[type=checkbox]:checked {
  background-color: #0077c8;
}

input[type=checkbox]:checked::before {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-color: white;
  margin: 25% auto;
}

input[type=checkbox]:checked ~ label {
  color: #0077c8;
}

@media print {
  #block-basic-primary-local-tasks {
    display: none;
  }
}
#block-basic-primary-local-tasks ul:not(.contextual-links) {
  margin: 0 !important;
  list-style-type: none;
  display: flex !important;
  gap: .5rem;
}
#block-basic-primary-local-tasks ul:not(.contextual-links) li {
  padding: 5px 10px;
  background-color: #275c7c;
  border-radius: 5px;
  cursor: pointer;
}
#block-basic-primary-local-tasks ul:not(.contextual-links) li:hover {
  background-color: #0077c8;
}
#block-basic-primary-local-tasks ul:not(.contextual-links) li a {
  color: #e9eef1;
  text-decoration: none;
}

.pager {
  clear: both;
  text-align: center;
  font-family: "HelveticaNow";
}
.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  margin: 0 0 0.25em 1.5em;
}
.pager .is-active a {
  color: #2d3b4e;
  pointer-events: none;
}

header {
  margin-bottom: 1em;
  margin-top: 1em;
}
@media print {
  header {
    display: none;
  }
}
header .container {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
}
header .container #logo {
  flex-grow: 1;
  max-width: 75%;
}
header .container #logo img {
  max-height: 75px;
  margin-bottom: -6px;
}
@media screen and (max-width: 639px) {
  header .container #logo img {
    margin-bottom: 0;
  }
}
header .container nav {
  flex-grow: 1;
  margin-left: 2em;
  position: relative;
  text-align: right;
}
header .container nav li + li {
  margin-left: 1em;
}
header .container nav a {
  text-transform: uppercase;
  color: #275c7c;
}
header .container nav li .dropdown:hover a {
  color: #0077c8;
}
header .container nav li .dropdown .dropdown-content a:hover {
  color: #0077c8;
  text-decoration: none;
}
header .container nav .dropdown {
  position: relative;
  display: inline-block;
}
header .container nav .dropdown .dropdown-content {
  text-align: left;
  display: none;
  position: absolute;
  background-color: #e9eef1;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
header .container nav .dropdown .dropdown-content hr {
  height: 1px;
  background-color: #275c7c;
  border: none;
}
header .container nav .dropdown .dropdown-content a {
  display: block;
  color: #2d3b4e;
  text-decoration: none;
  text-transform: none;
  font-family: 'HelveticaNowBold';
}
header .container nav .dropdown .dropdown-content a p {
  color: #2d3b4e;
  padding: 8px 16px;
  margin: 0;
}
header .container nav .dropdown .dropdown-content a:hover {
  background-color: #275c7c;
}
header .container nav .dropdown .dropdown-content a:hover p {
  color: #e9eef1;
}
header .container nav .dropdown:hover .dropdown-content {
  display: block;
}

#cicw-header .container {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: none;
}
#cicw-header .container .overlay {
  min-height: 300px;
  text-align: center;
  padding: 2em 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#cicw-header .container .overlay.overlay-dark {
  background: rgba(0, 0, 0, 0.3);
}
#cicw-header .container .overlay h1,
#cicw-header .container .overlay p {
  color: #e9eef1;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.5);
}
#cicw-header .container .overlay h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Arial Black';
  font-size: 2.5rem;
}
#cicw-header .container .overlay p {
  white-space: pre-wrap;
}
#cicw-header .container .overlay p:last-child {
  margin-bottom: 0;
}
#cicw-header .container .overlay .body {
  max-width: 575px;
  margin: 0 auto;
}
#cicw-header .container .overlay .body strong {
  font-weight: unset;
}
@media screen and (max-width: 639px) {
  #cicw-header .container .overlay {
    padding: 50px 1em;
  }
  #cicw-header .container .overlay .body {
    margin: 0;
  }
}

.content, #content {
  margin-top: 1em;
}
.content h3, #content h3 {
  color: #275c7c;
  font-family: "HelveticaNowBold";
}
.content ol,
.content ul, #content ol,
#content ul {
  margin-left: 40px;
  margin-bottom: 1rem;
}
.content ul ul, #content ul ul {
  margin-bottom: revert;
}
.content ol ol, #content ol ol {
  margin-bottom: revert;
}
.content blockquote, #content blockquote {
  margin-left: 40px;
}

.messages__list {
  margin-bottom: 0 !important;
}

div.messages {
  margin: 0 0 2em 0;
}

fieldset {
  padding: 0;
  border: none;
  margin: 0;
}

/*-----------------------------------------------------------------------------
 * Homepage Alternating Items
 *----------------------------------------------------------------------------*/
.view-content .homepage-alternating-item {
  position: relative;
  margin-bottom: 2em;
  width: 100%;
}
.view-content .homepage-alternating-item .container {
  display: flex;
  flex-direction: row;
}
.view-content .homepage-alternating-item .container .text-half,
.view-content .homepage-alternating-item .container .image-half {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 200px;
}
.view-content .homepage-alternating-item .container .text-half {
  width: calc(50% - 2em);
  padding: 1em 2em;
  text-align: center;
  background: #e9eef1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.view-content .homepage-alternating-item .container .text-half h1 {
  font-size: 1.25rem;
  max-width: 250px;
}
.view-content .homepage-alternating-item .container .text-half h1 .first-line {
  display: block;
  font-family: serif;
  font-style: italic;
  font-weight: normal;
}
.view-content .homepage-alternating-item .container .image-half {
  width: calc(50% - 2em);
  background-position: center center;
  background-size: cover;
  background-repeat: none;
}
.view-content .homepage-alternating-item .container .spacer {
  width: 2em;
  min-height: 100%;
}
.view-content .homepage-alternating-item .container .spacer.light-bg {
  background: #e9eef1;
}
@media screen and (max-width: 639px) {
  .view-content .homepage-alternating-item .container.homepage-alternating-item {
    margin-bottom: 0;
  }
  .view-content .homepage-alternating-item .container .image-half {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
  }
  .view-content .homepage-alternating-item .container .text-half {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    background: rgba(0, 0, 0, 0.4);
  }
  .view-content .homepage-alternating-item .container .text-half h1,
  .view-content .homepage-alternating-item .container .text-half p {
    color: #e9eef1;
    margin: 0 auto;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 0, 0, 0.9);
  }
}
.view-content .views-row-even .homepage-alternating-item .container {
  flex-direction: row-reverse;
}

/*-----------------------------------------------------------------------------
 * Reflections listing individual node
 *----------------------------------------------------------------------------*/
.view-content .reflections, .views-row .reflections {
  position: relative;
  margin-bottom: 2em;
  margin-top: 2em;
  width: 100%;
}
.view-content .reflections a, .views-row .reflections a {
  text-decoration: none;
}
.view-content .reflections .container, .views-row .reflections .container {
  display: flex;
  flex-direction: row;
  box-shadow: 10px 10px 10px #888888;
}
@media screen and (min-width: 640px) {
  .view-content .reflections .container, .views-row .reflections .container {
    height: 250px;
  }
}
@media screen and (max-width: 639px) {
  .view-content .reflections .container, .views-row .reflections .container {
    display: block;
    min-height: 250px;
  }
}
.view-content .reflections .container .text-half,
.view-content .reflections .container .image-half, .views-row .reflections .container .text-half,
.views-row .reflections .container .image-half {
  flex-grow: 1;
  flex-shrink: 1;
}
.view-content .reflections .container .text-half, .views-row .reflections .container .text-half {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem;
  background: #e9eef1;
}
.view-content .reflections .container .text-half h3, .views-row .reflections .container .text-half h3 {
  font-size: 1.25rem;
  margin-bottom: 0;
  color: #2d3b4e;
  font-family: 'HelveticaNowBold', sans-serif;
}
.view-content .reflections .container .text-half h3 .first-line, .views-row .reflections .container .text-half h3 .first-line {
  display: block;
  font-weight: normal;
}
.view-content .reflections .container .text-half .author-date, .views-row .reflections .container .text-half .author-date {
  margin-top: 0.25rem;
  font-size: 14px;
  color: gray;
}
.view-content .reflections .container .text-half .body-summary, .views-row .reflections .container .text-half .body-summary {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.view-content .reflections .container .text-half .body-summary p, .views-row .reflections .container .text-half .body-summary p {
  margin: 0;
}
.view-content .reflections .container .image-half, .views-row .reflections .container .image-half {
  width: 500px;
  background: #e9eef1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.view-content .reflections .container .spacer, .views-row .reflections .container .spacer {
  width: 2em;
  min-height: 100%;
  background: #e9eef1;
}
@media screen and (max-width: 639px) {
  .view-content .reflections .container.homepage-alternating-item, .views-row .reflections .container.homepage-alternating-item {
    margin-bottom: 0;
  }
  .view-content .reflections .container .image-half, .views-row .reflections .container .image-half {
    width: 100%;
    height: 100%;
    min-height: 50vh;
  }
  .view-content .reflections .container .text-half, .views-row .reflections .container .text-half {
    width: 100%;
    padding: 2em 2em 2em 2em;
    background: #e9eef1;
  }
  .view-content .reflections .container .text-half h1,
  .view-content .reflections .container .text-half p, .views-row .reflections .container .text-half h1,
  .views-row .reflections .container .text-half p {
    color: #2d3b4e;
    margin-left: 0;
  }
  .view-content .reflections .container .text-half .author-date, .views-row .reflections .container .text-half .author-date {
    margin-top: 0.25rem;
    margin-left: 0;
  }
  .view-content .reflections .container .text-half .body-summary, .views-row .reflections .container .text-half .body-summary {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media screen and (max-width: 829px) {
  .view-grantees .view-content {
    margin-top: 60px;
  }
}

.view-grantees .views-exposed-form {
  margin-top: -65px;
  width: 100%;
}
@media screen and (max-width: 829px) {
  .view-grantees .views-exposed-form .form-item-populate {
    width: 100%;
  }
  .view-grantees .views-exposed-form .form-item-populate #edit-populate, .view-grantees .views-exposed-form .form-item-populate [id^="edit-populate--"] {
    width: 100% !important;
    margin-top: 10px !important;
  }
}
.view-grantees .views-exposed-form .form-item-populate #edit-populate, .view-grantees .views-exposed-form .form-item-populate [id^="edit-populate--"] {
  width: 250px;
  float: right;
}

.view-grantees .view-content {
  column-count: 1;
}
.view-grantees .view-content .views-row {
  display: inline-block;
  margin-bottom: 1em;
}
.view-grantees .view-content .grantee h1 {
  display: inline;
  font-weight: bold;
  color: #2d3b4e;
  margin: 0;
  font-size: 1rem;
  padding: 0;
}
.view-grantees .view-content .node-grantee strong {
  font-family: 'HelveticaNowBold';
  font-weight: unset;
}

.view-consultants .view-content {
  column-count: 2;
}
@media screen and (max-width: 639px) {
  .view-consultants .view-content {
    column-count: 1;
  }
}
.view-consultants .view-content .views-row {
  display: inline-block;
}
.view-consultants .view-content .views-row .consultants {
  position: relative;
  width: 100%;
}
.view-consultants .view-content .views-row .consultants .container {
  display: flex;
  flex-direction: column;
}
.view-consultants .view-content .views-row .consultants .container .text-half,
.view-consultants .view-content .views-row .consultants .container .image-half {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 200px;
}
.view-consultants .view-content .views-row .consultants .container .text-half {
  width: calc(100% - 2em);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.view-consultants .view-content .views-row .consultants .container .text-half h6 {
  max-width: 250px;
  margin-bottom: 0;
  color: #2d3b4e;
  font-family: 'HelveticaNowBold', sans-serif;
}
.view-consultants .view-content .views-row .consultants .container .text-half h6 .first-line {
  display: block;
  font-weight: normal;
}
.view-consultants .view-content .views-row .consultants .container .image-half {
  width: calc(100% - 2em);
  height: 25vmin;
  background-position: center center;
  background-size: cover;
  background-repeat: none;
}
.view-consultants .view-content .views-row .consultants .container .spacer {
  height: 1em;
  min-height: 100%;
}
@media screen and (max-width: 639px) {
  .view-consultants .view-content .views-row .consultants .container .image-half {
    width: 100%;
    height: 100%;
  }
  .view-consultants .view-content .views-row .consultants .container .text-half {
    width: 100%;
    padding: 1em 0em 0em 0em;
  }
}

/*-----------------------------------------------------------------------------
 * Reflections listing page
 *----------------------------------------------------------------------------*/
#block-basic-views-block-reflections-block-1 h2 {
  margin: 0;
  position: absolute;
  z-index: 1;
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 {
  display: grid;
  grid-template-columns: .4fr 1fr;
  grid-template-rows: repeat(2, auto);
  gap: 10px;
  margin-bottom: -1.6rem;
}
@media screen and (max-width: 820px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: .5rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 820px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset {
    grid-column: 1 / -1;
    grid-row: unset;
    margin: 0 auto 0 0;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset .form-checkboxes {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
@media screen and (max-width: 639px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset .form-checkboxes {
    flex-direction: column;
    gap: unset;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset legend {
  float: left;
}
@media screen and (max-width: 639px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset legend {
    float: unset;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 fieldset .fieldset-legend {
  font-family: 'HelveticaNowBold', sans-serif;
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-populate {
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 820px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-populate {
    grid-column: 1 / -1;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 396px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-populate {
    margin-top: 5rem;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-populate input {
  float: right;
  width: 48%;
}
@media screen and (max-width: 820px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-populate input {
    width: 100%;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-sort-by {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  align-items: end;
  gap: .3rem;
}
@media screen and (max-width: 820px) {
  #block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-sort-by {
    grid-column: 1 / -1;
    grid-row: unset;
  }
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-sort-by ul {
  display: flex;
  list-style: none;
  gap: .25rem;
  margin: 0;
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-sort-by label {
  margin: 0;
  font-family: 'HelveticaNowBold', sans-serif;
}
#block-basic-views-block-reflections-block-1 #views-exposed-form-reflections-block-1 .form-item-sort-by .bef-link--selected {
  color: #2d3b4e;
  text-decoration: none;
}

.node-reflection .top-section {
  margin-bottom: 25px;
}
@media print {
  .node-reflection .top-section {
    margin-top: -10%;
  }
  .node-reflection .top-section .top-nav-links {
    display: none;
  }
}
.node-reflection .top-section .header-image {
  width: 100%;
  height: 150px;
  background-position: center center;
  background-size: cover;
  background-repeat: none;
}
.node-reflection .top-section .top-nav-links span,
.node-reflection .top-section .top-nav-links a {
  color: #888888;
  font-size: small;
}
.node-reflection .top-section .blog-details span {
  font-family: "HelveticaNowBold";
}
.node-reflection .top-section .blog-details p {
  margin: 0;
}

/*-----------------------------------------------------------------------------
 * Reflection main page
 *----------------------------------------------------------------------------*/
.node-reflection .content {
  display: flex;
}
@media print {
  .node-reflection .content {
    display: block;
  }
}
.node-reflection .content h3 {
  font-family: "HelveticaNowBold";
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 639px) {
  .node-reflection .content {
    display: block;
  }
  .node-reflection .content .side-bar {
    width: 100%;
    margin-left: -12.5%;
  }
}
.node-reflection .content .content-body {
  flex: 5;
}
.node-reflection .content .content-body p:has(span + br) {
  line-height: 100%;
}
@media print {
  .node-reflection .content .content-body #back-to-reflections {
    display: none;
  }
}
.node-reflection .content .side-bar {
  flex: 3;
}
@media print {
  .node-reflection .content .side-bar {
    margin-top: 5%;
    break-before: page;
    margin-left: -33%;
  }
}
.node-reflection .content .side-bar a {
  color: #5ebdfc;
}
.node-reflection .content .side-bar img {
  width: 35px;
  height: 35px;
}
.node-reflection .content .side-bar button {
  background-color: transparent;
  float: right;
  margin-top: -5rem;
}
@media print {
  .node-reflection .content .side-bar button {
    display: none;
  }
}
.node-reflection .content .side-bar .author-image {
  width: 75%;
  height: 225px;
  margin-left: 25%;
  margin-bottom: 25px;
  background-position: center center;
  background-size: cover;
  background-repeat: none;
  box-shadow: 5px 5px 5px #888888;
}
@media print {
  .node-reflection .content .side-bar .author-image {
    float: left;
    width: 200px;
  }
}
.node-reflection .content .side-bar .author-bio {
  width: 75%;
  margin-left: 25%;
  background-color: #e9eef1;
  box-shadow: 5px 5px 5px #888888;
}
@media print {
  .node-reflection .content .side-bar .author-bio {
    padding-left: 225px;
    background-color: transparent;
    box-shadow: none;
  }
}
.node-reflection .content .side-bar .author-bio p {
  color: #2d3b4e;
}
.node-reflection .content .side-bar .author-bio .author-name {
  padding: 15px;
  font-family: "HelveticaNowBold";
}
@media print {
  .node-reflection .content .side-bar .author-bio .author-name {
    padding-top: 0px;
  }
}
.node-reflection .content .side-bar .author-bio .author-description {
  padding: 0 15px 15px 15px;
}
.node-reflection .content .side-bar .author-bio .author-description p {
  margin: 0;
}
@media print {
  .node-reflection .content .side-bar .author-bio .author-description {
    margin-top: -20px;
  }
}
.node-reflection .content .side-bar .sidebar-info {
  margin-top: 20px;
  width: 75%;
  margin-left: 25%;
  background-color: #275c7c;
  box-shadow: 5px 5px 5px #888888;
  padding: 15px;
  color: #e9eef1;
}
@media print {
  .node-reflection .content .side-bar .sidebar-info {
    width: 50%;
    margin-left: 50%;
    margin-top: 20px;
  }
}
.node-reflection .content .side-bar .sidebar-info p {
  color: #e9eef1;
}

.submit-event-popup,
.login-popup {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.submit-event-form-container .form-half h2 {
  text-align: center;
}

.submit-event-form-container {
  z-index: 11;
  position: fixed;
  display: none;
  background-color: #e9eef1;
  width: 550px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.submit-event-form-container span.form-required {
  display: none;
}
@media screen and (max-width: 549px) {
  .submit-event-form-container {
    width: 100%;
  }
}
.submit-event-form-container #fields-form-half {
  display: block;
}
.submit-event-form-container #msg-form-half {
  display: none;
}
.submit-event-form-container .form-half {
  overflow: auto;
  height: 60vh;
  padding: 2em 2em 1em 2em;
}
.submit-event-form-container .form-half h2 {
  letter-spacing: 0;
}
.submit-event-form-container .form-half h2:first-of-type {
  margin-bottom: 0;
}
.submit-event-form-container .form-half label {
  color: #275c7c;
}
.submit-event-form-container .form-half input[type=text] {
  width: 100%;
  background-color: #FFF;
}
.submit-event-form-container .form-half input[type=submit] {
  margin-top: 1em;
  width: 10em;
}
.submit-event-form-container .form-half .form-item {
  margin-top: 0em;
  margin-bottom: 0em;
}
.submit-event-form-container .form-half .form-item input[type=text] {
  margin-top: 5px;
}
.submit-event-form-container .form-half .conf-message {
  text-align: center;
  margin: 5rem auto;
}
.submit-event-form-container .form-item-date {
  display: flex;
  flex-direction: column;
}
.submit-event-form-container .form-item-date input {
  width: fit-content;
}
.submit-event-form-container .image-footer {
  background-image: url("../images/clock.jpeg");
  background-repeat: none;
  background-size: cover;
  background-position: center;
  height: 150px;
  width: 100%;
}

.login-form-container {
  margin: 75px auto 0px auto;
  box-shadow: 5px 5px 5px #888888;
  display: block;
  background-color: #e9eef1;
  width: 500px;
}
.login-form-container span.form-required {
  display: none;
}
@media screen and (max-width: calc(499px + 1rem)) {
  .login-form-container {
    width: 100%;
  }
}
.login-form-container .form-half {
  padding: 2em 3em 2em 3em;
}
.login-form-container .form-half label {
  color: #275c7c;
}
.login-form-container .form-half input[type=text],
.login-form-container .form-half input[type=password] {
  width: 100%;
  background-color: #FFF;
}
.login-form-container .form-half input[type=submit] {
  width: 50%;
}
.login-form-container .form-half .form-item {
  margin-top: 0em;
  margin-bottom: 0em;
}
.login-form-container .form-half #edit-actions {
  margin-bottom: 1em;
}
.login-form-container .image-footer {
  background-image: url("../images/feather.jpeg");
  background-repeat: none;
  background-size: cover;
  background-position: bottom;
  height: 150px;
  width: 100%;
  bottom: 0;
}
.login-form-container span {
  word-break: break-word;
  white-space: normal;
}

#user-pass .form-item-name {
  margin-top: 1em;
  margin-bottom: 1em;
}
#user-pass .form-item-name label {
  display: block;
}

/*-----------------------------------------------------------------------------
 * Calendar listing page
 *----------------------------------------------------------------------------*/
.view-calendar .submit-event-button {
  margin-bottom: 0.75em;
}
.view-calendar .title-area {
  display: flex;
  gap: 1rem;
  margin-bottom: 18px;
}
@media screen and (max-width: 639px) {
  .view-calendar .title-area {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (min-width: 640px) {
  .view-calendar .title-area button {
    margin-left: auto;
  }
}
.view-calendar .calendar-year {
  font-family: 'HelveticaNowBold';
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.view-calendar input[type=checkbox] {
  margin-top: 4px;
}
@media screen and (max-width: 799px) {
  .view-calendar input[type=checkbox] {
    margin-top: -3px;
  }
}

@media screen and (min-width: 640px) {
  .view-calendar .views-exposed-form {
    margin-bottom: -47px;
  }
}
@media screen and (max-width: 799px) {
  .view-calendar .views-exposed-form {
    margin-bottom: 0;
  }
}
.view-calendar .views-exposed-form .bef-checkboxes .form-item > * > a {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.view-calendar .views-exposed-form .bef-checkboxes .form-item {
  gap: 0rem;
  text-decoration: none;
  float: none;
}
@media screen and (min-width: 800px) {
  .view-calendar .views-exposed-form .bef-checkboxes .form-item {
    display: inline-flex;
    float: right;
    margin-left: 1em;
  }
}
.view-calendar .views-exposed-form .bef-checkboxes .form-item a {
  text-decoration: none;
}
.view-calendar .views-exposed-form .bef-checkboxes label {
  font-size: 14px;
}
.view-calendar .view-content a {
  text-decoration: none;
}
.view-calendar .view-content .container {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.5rem;
  min-height: 100px;
  box-shadow: 5px 5px 5px #888888;
  background-color: #e9eef1;
}
.view-calendar .view-content .container .cp_event {
  background-color: #5c7c27;
}
.view-calendar .view-content .container .le_deadline {
  background-color: #6d6e70;
}
.view-calendar .view-content .container .g_entries {
  background-color: #275c7c;
}
.view-calendar .view-content .container .date-container {
  max-height: 100px;
}
.view-calendar .view-content .container .date-container .date-section {
  width: 80px;
  height: 80px;
  min-width: 80px;
  margin: 10px;
  text-align: center;
  padding-top: .5rem;
}
.view-calendar .view-content .container .date-container .date-section hr {
  border-color: #e9eef1;
  margin-top: -8px;
}
.view-calendar .view-content .container .date-container .date-section .hr-no-day {
  margin-top: 20px;
}
.view-calendar .view-content .container .date-container .date-section h1,
.view-calendar .view-content .container .date-container .date-section h3 {
  font-family: 'HelveticaNowBold' !important;
  color: #e9eef1 !important;
  line-height: 80% !important;
}
.view-calendar .view-content .container .date-container .date-section h1 {
  margin-top: 5px;
}
.view-calendar .view-content .container .date-container .date-section h3 {
  margin-top: 5px;
}
.view-calendar .view-content .container .event-info-section {
  color: #2d3b4e;
  width: 100%;
  margin: auto;
}
.view-calendar .view-content .container .event-info-section .event-title {
  font-family: 'HelveticaNowBold';
  margin-bottom: 4px;
}
.view-calendar .view-content .container .event-info-section p {
  margin-bottom: 4px;
}

@media screen and (max-width: 639px) {
  .bef-checkboxes {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 639px) {
  .homepage-alternating-item.homepage-alternating-item.homepage-alternating-item {
    margin-bottom: 0;
  }
}
.mb-0 {
  margin-bottom: 0;
}

body a,
body a[href] {
  color: #0077c8;
}

.btn.btn,
button,
input[type=button],
input[type=submit] {
  display: inline-block;
  border: none;
  padding: .5em 1em;
  background: #0077c8;
  color: #e9eef1;
  text-transform: uppercase;
  border-radius: 10px;
  cursor: pointer;
}
.btn.btn:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  text-decoration: none;
  color: #e9eef1;
  background: #0095fb;
}
.btn.btn.preserve-line-breaks,
button.preserve-line-breaks,
input[type=button].preserve-line-breaks,
input[type=submit].preserve-line-breaks {
  white-space: pre-line;
}

@media screen and (max-width: 639px) {
  .view-grantees .view-content {
    column-count: 1;
  }

  .view-consultants .view-content {
    column-count: 1;
  }
}
input[type=text],
input[type=password],
textarea {
  background: #e9eef1;
  border: none;
  padding: .5em;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 5px #275c7c;
}

a,
a[href] {
  color: #275c7c;
}

.bleed-horizontal {
  margin-left: -1em;
  margin-right: -1em;
}
.bleed-horizontal.compensate-width {
  width: calc(100% + 2em);
}

/*-----------------------------------------------------------------------------
 * Footer
 *----------------------------------------------------------------------------*/
footer {
  margin-top: 3em;
  background: #e9eef1;
  padding: 0 1em;
}
@media print {
  footer {
    display: none;
  }
}
footer .container {
  padding: 1em 0;
  font-family: serif;
}
footer .container .program-name {
  font-size: 1.25rem;
  color: #275c7c;
  font-variant: small-caps;
  margin-bottom: 0;
  padding: 0;
  font-family: serif;
}
footer .container .program-name + .summary {
  margin-top: 0;
}
footer .container .summary {
  color: #275c7c;
  font-style: italic;
}
footer .container p {
  font-family: serif;
}

#contact-message-compelling-preaching-contact-f-form {
  max-width: 500px;
}
#contact-message-compelling-preaching-contact-f-form .form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  margin-bottom: 1em;
}
#contact-message-compelling-preaching-contact-f-form .form-item input[type=text] {
  width: 100%;
  margin-bottom: 10px !important;
}
#contact-message-compelling-preaching-contact-f-form .form-item-copy {
  display: none;
}
#contact-message-compelling-preaching-contact-f-form label {
  margin-bottom: 5px !important;
}
#contact-message-compelling-preaching-contact-f-form .captcha {
  margin-bottom: 2rem;
}

.toggle-input.toggle-input.toggle-input.toggle-input.toggle-input {
  display: none;
}

.toggle-input:not(:checked) ~ .toggled-display.show-when-enabled, .toggle-input:not(:checked) ~ * .toggled-display.show-when-enabled {
  display: none;
}

.toggle-input:checked ~ .toggled-display.show-when-disabled, .toggle-input:checked ~ * .toggled-display.show-when-disabled {
  display: none;
}

@media screen and (min-width: 640px) {
  .mobile-show {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .mobile-hide {
    display: none;
  }

  .toggle-input:not(:checked) ~ .main-menu {
    display: none;
  }

  #navigation .main-menu {
    position: absolute;
    top: 100%;
    right: -1em;
    z-index: 1;
  }
  #navigation .main-menu li {
    margin: 0;
    display: block;
    background: #275c7c;
  }
  #navigation .main-menu li a {
    display: block;
    padding: 1em 3em;
    color: #e9eef1;
  }
  #navigation .main-menu li a:hover {
    text-decoration: none;
  }
}
div.status {
  border-width: 0;
  background: #275c7c;
  color: #e9eef1;
}

.ml-2 {
  margin-left: 2rem;
}

.mt-2 {
  margin-top: 2rem;
}

.help-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: .8rem;
}

#page {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 1em);
}
#page #main {
  flex-grow: 1;
}

.login-update-btn #edit-login-update {
  color: #0077c8;
  background-color: transparent;
  margin-left: .25em;
  width: fit-content;
  padding: 0;
  letter-spacing: .03em;
}
.login-update-btn #edit-login-update:hover {
  text-decoration: underline;
}
.login-update-btn input {
  text-transform: none;
}
.login-update-btn p {
  margin: 0;
}

.user-account-user-info {
  margin-bottom: 4em;
}
.user-account-user-info p {
  margin: 0;
}

.team-display {
  display: grid;
  grid-template-columns: 1fr 2fr;
  width: 75%;
  margin: 25px 0px;
}

.profile-fine-print {
  font-style: italic;
  font-size: small;
}

/*-----------------------------------------------------------------------------
 * User profile edit
 *----------------------------------------------------------------------------*/
.user-info-update {
  display: none;
  margin-top: 3rem;
  padding: 2rem;
  width: 100%;
  background-color: #e9eef1;
  box-shadow: 5px 5px 5px #888888;
  color: #275c7c;
}
.user-info-update label h4,
.user-info-update .grid-item-header h4 {
  font-weight: normal;
}
.user-info-update input[type=text],
.user-info-update input[type=password] {
  background-color: #FFF;
  width: 325px;
  color: #2d3b4e;
  margin: 1em 0;
}
.user-info-update .form-type-checkbox input[type=checkbox] {
  width: 25px;
  height: 25px;
}
.user-info-update .form-type-checkbox label {
  font-size: small;
}
.user-info-update select {
  width: 325px;
  height: 40px;
}
.user-info-update .description {
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}
.user-info-update .user-edit-top {
  display: flex;
  flex-wrap: wrap;
}
.user-info-update .user-edit-top select#edit-field-institution-und {
  color: black;
  position: relative;
}
.user-info-update .user-edit-top #edit-field-is-primary-prog-director {
  margin-top: 1.5em;
}
.user-info-update .user-edit-top .form-required {
  display: none;
}
.user-info-update .user-edit-top .form-wrapper {
  flex-basis: 50%;
}
@media (max-width: 770px) {
  .user-info-update .user-edit-top .form-wrapper {
    flex-basis: 100%;
  }
  .user-info-update .user-edit-top .form-wrapper input[type=text] {
    width: 100%;
  }
  .user-info-update .user-edit-top .form-wrapper select {
    width: 100%;
  }
}
.user-info-update .user-edit-mid-container {
  display: flex;
  flex-direction: column;
}
@media (max-width: 770px) {
  .user-info-update .user-edit-mid-container {
    flex-wrap: wrap;
  }
}
@media (min-width: 771px) {
  .user-info-update .user-edit-mid-container {
    justify-content: space-between;
  }
  .user-info-update .user-edit-mid-container .user-edit-mid:first-child {
    margin-right: 2rem;
  }
}
.user-info-update .user-edit-mid-container .user-edit-mid {
  flex-basis: 50%;
}
@media (max-width: 770px) {
  .user-info-update .user-edit-mid-container .user-edit-mid {
    flex-basis: 100%;
  }
  .user-info-update .user-edit-mid-container .user-edit-mid .form-item,
  .user-info-update .user-edit-mid-container .user-edit-mid input {
    width: 100%;
  }
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-strength {
  float: none;
  width: 50%;
  margin-bottom: .5rem;
  margin-top: -0.38em;
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-strength .password-indicator {
  height: 0.6em;
  border-radius: 10px;
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-strength .password-indicator .indicator {
  border-radius: 10px;
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-confirm {
  float: none;
  margin-bottom: .5rem;
  margin-top: 0;
}
.user-info-update .user-edit-mid-container .user-edit-mid .description-right {
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
  width: 50%;
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-strength-title {
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-suggestions {
  width: 50%;
}
.user-info-update .user-edit-mid-container .user-edit-mid .password-suggestions ul {
  margin-left: 20px;
}
.user-info-update .user-edit-mid-container .user-edit-mid .hidden-field {
  display: none;
}
.user-info-update .password-confirm-message {
  margin-bottom: .5rem;
}

#block-basic-views-block-march-gatherings-block-1 {
  margin-top: 2em;
}
#block-basic-views-block-march-gatherings-block-1 .march-gathering-resource .container {
  display: flex;
}
#block-basic-views-block-march-gatherings-block-1 .march-gathering-resource .container img {
  height: 48px;
  width: 48px;
  margin: -12px .5rem 24px .5rem;
}
#block-basic-views-block-march-gatherings-block-1 .march-gathering-resource .container div:nth-child(1) {
  font-family: 'HelveticaNowBold';
}

.profile-header {
  margin-top: -1rem;
}

.first-last-user-edit {
  display: flex;
  align-items: center;
  margin-bottom: 0.8em;
}
.first-last-user-edit h4 {
  margin: 0;
}
.first-last-user-edit img {
  width: 28px;
  height: 28px;
}
.first-last-user-edit button {
  background-color: transparent;
  margin-left: auto;
  color: #0077c8;
  text-transform: none;
}
.first-last-user-edit button span {
  float: left;
  margin-right: 1rem;
}
.first-last-user-edit button span:hover {
  text-decoration: underline;
}

.add-team-table-row .form-item {
  margin: 0;
  width: 125px;
  padding-right: 0.5em;
}
.add-team-table-row label {
  display: none;
}

.grid-container {
  display: grid;
  gap: 25px;
  margin: 25px 0px;
}
@media screen and (min-width: 640px) {
  .grid-container {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-container .grid-item label {
    display: none;
  }
}
.grid-container .grid-item {
  width: 100%;
}
.grid-container .grid-item .form-type-textfield {
  margin: 0;
}
.grid-container .grid-item .form-type-textfield input[type=text] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}
.grid-container .grid-item .checkbox_container {
  margin-top: 7px;
}
.grid-container .grid-item .checkbox_container p {
  position: absolute;
  margin-left: 0.45em;
  margin-top: 0.1em;
}
.grid-container .grid-item .checkbox_container .form-type-checkbox {
  position: absolute;
  margin: 0;
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .grid-container .grid-item-header {
    display: none;
  }
  .grid-container .grid-item:has(.form-submit) {
    margin-bottom: 2rem;
  }
  .grid-container .margin-5 {
    margin-bottom: 5rem;
  }
  .grid-container .margin-4 {
    margin-bottom: 4rem;
  }
  .grid-container .grid-item {
    display: flex;
    align-items: center;
  }
  .grid-container .grid-item label {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .grid-container {
    grid-template-columns: 1;
  }
}
.user-edit-team h3 {
  font-family: "HelveticaNowBold";
}

.h1-as-h2.margin-top {
  margin-top: 1.5rem;
}

.bold {
  font-family: "HelveticaNowBold";
}

.section-march-gatherings .content h2 {
  margin-bottom: 2rem;
}
.section-march-gatherings .content h3,
.section-march-gatherings .content p {
  margin: 0;
}
.section-march-gatherings .content .field-item p:nth-of-type(2) {
  margin-bottom: 2rem;
}
.section-march-gatherings .content .field-item p:nth-of-type(3) {
  margin-bottom: 3rem;
}

/*-----------------------------------------------------------------------------
 * Resource library listing page
 *----------------------------------------------------------------------------*/
.view-resource-library {
  min-height: 650px;
}

.ajax-progress-throbber {
  display: none;
}

[data-history-node-id="121"] {
  width: 60%;
  margin-top: 1.5rem;
  margin-bottom: 3.5rem;
}
[data-history-node-id="121"] h2 {
  margin-bottom: .25rem;
}
[data-history-node-id="121"] p {
  color: #275c7c;
}

.view-resource-library .side-bar {
  display: none;
  position: fixed;
  background-color: white;
  width: 425px;
  height: 100vh;
  right: -5em;
  top: 0;
  z-index: 97;
}
.view-resource-library .side-bar-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 96;
  top: 0;
  left: 0;
}
.view-resource-library .show {
  display: block;
}
@media (min-width: 730px) {
  .view-resource-library .show {
    display: none;
  }
}
.view-resource-library #filter-btn {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  background-color: rgba(128, 128, 128, 0.3);
  border-radius: 50%;
  height: 64px;
  width: 64px;
}
.view-resource-library #filter-btn img {
  height: 32px;
  width: 32px;
}
@media (min-width: 730px) {
  .view-resource-library #filter-btn {
    display: none;
  }
}
@media (max-width: 729px) {
  .view-resource-library .show-filter-fields {
    display: block !important;
  }
}
.view-resource-library .contextual-region, .view-resource-library [class*="js-view-dom-id"] {
  position: relative;
}
@media (max-width: 729px) {
  .view-resource-library .contextual-region, .view-resource-library [class*="js-view-dom-id"] {
    width: 100%;
  }
}
.view-resource-library .contextual-region .rows-container, .view-resource-library [class*="js-view-dom-id"] .rows-container {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 60%;
}
.view-resource-library .contextual-region .rows-container .views-row, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #e9eef1;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .image-half, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .image-half {
  flex: 0 0 auto;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .image-half .image, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .image-half .image {
  max-width: 100%;
  height: auto;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half {
  line-height: 1.25em;
  flex: 1;
  padding: 10px 10px;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half p, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half p {
  margin: 0;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half .bold, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half .bold {
  font-family: 'HelveticaNowBold';
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half .resource-format, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half .resource-format {
  margin-top: 1rem;
  font-size: 12px;
  line-height: 1em;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half .resource-author, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half .resource-author {
  margin-bottom: .5em;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half .resource-recommender, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half .resource-recommender {
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 0.5em;
}
.view-resource-library .contextual-region .rows-container .views-row .resources .container .text-half .resource-title, .view-resource-library [class*="js-view-dom-id"] .rows-container .views-row .resources .container .text-half .resource-title {
  color: #0077c8;
  font-family: 'HelveticaNowBold';
}
.view-resource-library .views-exposed-form {
  position: absolute;
  right: 0;
  top: -7px;
  width: 40%;
}
.view-resource-library .views-exposed-form .title {
  margin: 1.25em 0 .5em;
}
.view-resource-library .views-exposed-form #edit-populate, .view-resource-library .views-exposed-form [id*="edit-populate"] {
  width: 80%;
  float: right;
}
@media (max-width: 469px) {
  .view-resource-library .views-exposed-form #edit-populate, .view-resource-library .views-exposed-form [id*="edit-populate"] {
    width: 100%;
  }
}
.view-resource-library .views-exposed-form #edit-sort-bef-combine-wrapper {
  margin-left: auto;
  margin-right: 0;
  text-align: end;
  padding-top: 0;
  padding-bottom: 0;
}
.view-resource-library .views-exposed-form label {
  font-family: 'HelveticaNowBold';
}
.view-resource-library .views-exposed-form .option {
  font-family: 'HelveticaNow';
  font-size: 12px;
}
.view-resource-library .views-exposed-form fieldset legend {
  margin-bottom: 5px;
}
@media (max-width: 469px) {
  .view-resource-library .views-exposed-form {
    display: flex;
    flex-direction: column;
    height: 2em;
    position: relative;
  }
}
.view-resource-library .views-exposed-form .form-item-populate {
  float: right;
  position: absolute;
  top: -9.6em;
  padding: 0;
}
@media (min-width: 470px) {
  .view-resource-library .views-exposed-form .form-item-populate {
    right: 0;
  }
}
@media (max-width: 469px) {
  .view-resource-library .views-exposed-form .form-item-populate {
    width: 100%;
  }
}
@media (max-width: 649px) {
  .view-resource-library .views-exposed-form .form-item-populate {
    top: -3em;
  }
}
.view-resource-library .views-exposed-form .form-item-sort-by {
  margin-top: -1.4rem;
  margin-left: -30rem;
  display: flex;
  grid-column: 1;
  grid-row: 2;
  align-items: end;
  gap: .3rem;
}
@media screen and (max-width: 820px) {
  .view-resource-library .views-exposed-form .form-item-sort-by {
    grid-column: 1 / -1;
    grid-row: unset;
  }
}
.view-resource-library .views-exposed-form .form-item-sort-by ul {
  display: flex;
  list-style: none;
  gap: .25rem;
  margin: 0 !important;
}
.view-resource-library .views-exposed-form .form-item-sort-by label {
  margin: 0;
  font-family: 'HelveticaNowBold', sans-serif;
}
.view-resource-library .views-exposed-form .form-item-sort-by .bef-link--selected {
  color: #2d3b4e;
  text-decoration: none;
}
.view-resource-library .views-exposed-form #edit-field-format-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-format-value--"][id$="--wrapper"] {
  position: absolute;
  right: 14.7em;
  top: 32.5em;
  padding: 0;
  font-size: 12px;
}
.view-resource-library .views-exposed-form #edit-field-format-value--wrapper .fieldset-legend, .view-resource-library .views-exposed-form [id^="edit-field-format-value--"][id$="--wrapper"] .fieldset-legend {
  font-size: 16px;
}
.view-resource-library .views-exposed-form #edit-field-format-value--wrapper .fieldset-wrapper, .view-resource-library .views-exposed-form [id^="edit-field-format-value--"][id$="--wrapper"] .fieldset-wrapper {
  margin-left: 1em;
}
@media (max-width: 729px) {
  .view-resource-library .views-exposed-form #edit-field-format-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-format-value--"][id$="--wrapper"] {
    position: fixed;
    z-index: 98;
    display: none;
    top: 41.5em;
    right: 19.7em;
  }
}
.view-resource-library .views-exposed-form #edit-field-recommender-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-recommender-value--"][id$="--wrapper"] {
  position: absolute;
  right: -6.45em;
  top: 43em;
  padding: 0;
  font-size: 12px;
}
.view-resource-library .views-exposed-form #edit-field-recommender-value--wrapper .fieldset-legend, .view-resource-library .views-exposed-form [id^="edit-field-recommender-value--"][id$="--wrapper"] .fieldset-legend {
  font-size: 16px;
}
.view-resource-library .views-exposed-form #edit-field-recommender-value--wrapper .fieldset-wrapper, .view-resource-library .views-exposed-form [id^="edit-field-recommender-value--"][id$="--wrapper"] .fieldset-wrapper {
  margin-left: 1em;
}
.view-resource-library .views-exposed-form #edit-field-recommender-value--wrapper .fieldset-wrapper .form-type-bef-checkbox input[type=checkbox], .view-resource-library .views-exposed-form [id^="edit-field-recommender-value--"][id$="--wrapper"] .fieldset-wrapper .form-type-bef-checkbox input[type=checkbox] {
  margin-right: 0;
}
.view-resource-library .views-exposed-form #edit-field-recommender-value--wrapper .fieldset-wrapper .form-type-bef-checkbox label, .view-resource-library .views-exposed-form [id^="edit-field-recommender-value--"][id$="--wrapper"] .fieldset-wrapper .form-type-bef-checkbox label {
  float: right;
  margin: -1.75em 0 0 2em;
  line-height: normal;
}
@media (max-width: 729px) {
  .view-resource-library .views-exposed-form #edit-field-recommender-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-recommender-value--"][id$="--wrapper"] {
    position: fixed;
    z-index: 98;
    display: none;
    top: 52em;
    right: -2.8em;
  }
}
.view-resource-library .views-exposed-form #edit-field-topic-grant-management-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-topic-grant-management-value--"][id$="--wrapper"] {
  position: absolute;
  right: 5.5em;
  top: 19.5em;
  padding: 0;
  font-size: 12px;
}
.view-resource-library .views-exposed-form #edit-field-topic-grant-management-value--wrapper .fieldset-legend, .view-resource-library .views-exposed-form [id^="edit-field-topic-grant-management-value--"][id$="--wrapper"] .fieldset-legend {
  font-family: 'HelveticaNowBold';
}
@media (max-width: 729px) {
  .view-resource-library .views-exposed-form #edit-field-topic-grant-management-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-topic-grant-management-value--"][id$="--wrapper"] {
    position: fixed;
    z-index: 98;
    display: none;
    top: 28.5em;
    right: 10.5em;
  }
}
.view-resource-library .views-exposed-form #edit-field-topic-preaching-pedagogy-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-topic-preaching-pedagogy-value--"][id$="--wrapper"] {
  position: absolute;
  right: 5.75em;
  top: 3em;
  padding: 0;
  font-size: 12px;
}
.view-resource-library .views-exposed-form #edit-field-topic-preaching-pedagogy-value--wrapper .fieldset-legend, .view-resource-library .views-exposed-form [id^="edit-field-topic-preaching-pedagogy-value--"][id$="--wrapper"] .fieldset-legend {
  font-family: 'HelveticaNowBold';
}
.view-resource-library .views-exposed-form #edit-field-topic-preaching-pedagogy-value--wrapper .filter-by, .view-resource-library .views-exposed-form [id^="edit-field-topic-preaching-pedagogy-value--"][id$="--wrapper"] .filter-by {
  font-size: 16px;
  position: absolute;
  left: -0.8em;
  top: -5.35em;
}
.view-resource-library .views-exposed-form #edit-field-topic-preaching-pedagogy-value--wrapper .topic, .view-resource-library .views-exposed-form [id^="edit-field-topic-preaching-pedagogy-value--"][id$="--wrapper"] .topic {
  font-size: 16px;
  position: absolute;
  left: -0.8em;
  top: -3.55em;
  font-family: 'HelveticaNow';
}
@media (max-width: 729px) {
  .view-resource-library .views-exposed-form #edit-field-topic-preaching-pedagogy-value--wrapper, .view-resource-library .views-exposed-form [id^="edit-field-topic-preaching-pedagogy-value--"][id$="--wrapper"] {
    position: fixed;
    z-index: 98;
    display: none;
    top: 12em;
    right: 10.75em;
  }
}
.view-resource-library .views-exposed-form .views-widget-filter-field_format_value > label,
.view-resource-library .views-exposed-form .views-widget-filter-field_recommender_value > label {
  font-family: 'HelveticaNow';
  font-size: 16px;
}
.view-resource-library .views-exposed-form .views-exposed-widget .views-widget .option {
  font-family: 'HelveticaNow';
}
.view-resource-library .views-exposed-form .views-exposed-widget:nth-child(n+2):nth-child(-n+5) {
  display: none;
  position: fixed;
}
@media (min-width: 730px) {
  .view-resource-library .views-exposed-form .views-exposed-widget:nth-child(n+2):nth-child(-n+5) {
    display: block !important;
    position: absolute;
  }
}

/*-----------------------------------------------------------------------------
 * Pager
 *----------------------------------------------------------------------------*/
.pager ul {
  clear: both;
  text-align: center;
  margin: 0 0 0.75em 0 !important;
  padding: 0;
  list-style-type: disc;
}
.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  margin: 0 0 0.25em 1.5em !important;
}
.pager .pager__item--ellipsis {
  display: none;
}
.pager .is-active a {
  pointer-events: none;
  color: #2d3b4e;
}

/*-----------------------------------------------------------------------------
 * Announcement Banner
 *----------------------------------------------------------------------------*/
.hidden-banner {
  display: none;
}

.announcement-banner {
  display: flex;
  flex-direction: row;
  background-color: #275c7c;
  padding: 1em 2em;
  max-width: 50em;
  margin: 0 auto;
  width: auto;
  align-items: center;
  justify-content: space-between;
  color: #e9eef1;
}
.announcement-banner #hide_announcement_block {
  font-size: 36px;
  padding: 0px 10px;
  color: #e9eef1;
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */
