@charset "UTF-8";

/*
Theme Name: Orbis Cascade Alliance
Author: Tamara Marnell
*/

:root {
  /* Colors */
  --color-dark-purple: #3d1070;
  --color-purple: #6730a6;
  --color-light-purple: #8261a8;
  --color-lighter-purple: #d8c1f2;
  --color-lightest-purple: #e7dcf2;
  --color-white: #ffffff;
  --color-gray: #cfcfcf;
  --color-light-gray: #ebebeb;
  --color-lightest-gray: #f4f4f4;
  --color-dark-gray: #6d6d6d;
  --color-darker-gray: #555555;
  --color-darkest-gray: #333333;
  --color-black: #000000;
  --color-light-green: #d7fdea;
  
  /* Fonts */
  --font-family-primary: 'Gentium Book Basic', serif;
  --font-family-secondary: 'Helvetica', sans-serif;
  
  /* Font sizes */
  --font-size-base: 1rem;
  --font-size-xxxl: 250%;
  --font-size-xxl: 200%;
  --font-size-xl: 160%;
  --font-size-l: 130%;
  --font-size-s: 90%;
  --font-size-xs: 80%;
  
  /* Sizes and spacing */
  --size-container: 1034px;
  --size-flex: 270px;
  --size-flex-s: 250px;
  --flex-grow: 0;
  --flex-shrink: 1;
  --spacing-sides: 2rem;
  --entry-line-height: 1.5;
  --border-radius: .25rem;
  
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-base);
  background: var(--color-lightest-gray);
  color: var(--color-black);
  line-height: var(--entry-line-height);
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-family-primary);
  font-weight: normal;
  margin: 0;
  padding: 1rem 0 0 0;
}

h1 {
  font-size: var(--font-size-xxxl);
}

h2 {
  font-size: var(--font-size-xxl);
}

h3 {
  font-size: var(--font-size-xl);
}

h4 {
  font-size: var(--font-size-l);
}

h5 {
  font-size: 120%;
  font-style: italic;
}

p {
  margin: 1rem 0;
}

ol {
  list-style-type: decimal;
}

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

ol ol ol {
  list-style-type: lower-roman;
}

li {
  margin: .5rem 0;
}

a {
  color: var(--color-purple);
}

a:hover,
a:focus {
  color: var(--color-light-purple);
}

code {
  white-space: pre-wrap;
}

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

button,
input[type="button"],
input[type="submit"] {
  background-color: var(--color-dark-purple);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  padding: .25rem .5rem;
  font-size: var(--font-size-l);
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
  background-color: var(--color-lighter-purple);
  color: var(--color-black);
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  margin-left: .25rem;
}

dl {
  margin-top: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 1rem;
}

hr {
  clear: both;
}

.wp-block-columns {
  margin-bottom: 0;
}

.wp-block-image {
  margin: 1em 0;
}

.wp-block-table {
  padding: 0;
  margin: .5rem 0;
}

.wp-block-table table {
  border-collapse: collapse;
}

.wp-block-table thead {
  border-bottom: none;
}

.wp-block-table table th {
  color: var(--color-white);
  background: var(--color-dark-purple);
  border: 1px solid var(--color-gray);
}

.wp-block-table table td {
  border: 1px solid var(--color-gray);
}

.wp-block-table table tr:nth-child(odd) {
  background: var(--color-lightest-gray);
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.hidden:focus {
  position: relative;
  width: auto;
  height: auto;
  overflow: visible;
}

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

.nowrap {
  white-space: nowrap;
}

.inline {
  display: inline;
}

.edit-link a {
  display: inline-block;
  color: var(--color-darkest-gray);
  background-color: var(--color-light-gray);
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/edit.png');
  background-repeat: no-repeat;
  background-position: .5rem center;
  padding: .5rem .5rem .5rem 2rem;
  margin: .25rem 0 0 0;
  border-radius: var(--border-radius);
  text-decoration: none;
}

.edit-link a:hover,
.edit-link a:focus {
  background-color: var(--color-lightest-gray);
  color: var(--color-dark-gray);
}

.heading-purple {
  background: var(--color-dark-purple) !important;
  color: var(--color-white);
  padding: .5rem 1rem;
  border-radius: var(--border-radius);
  margin-top: 3rem;
}

.heading-gray {
  background: var(--color-lightest-gray) !important;
  padding: .5rem 1rem;
  margin-top: 2rem;
  border: 2px dotted var(--color-gray);
}

/* Page lists */

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

ul.flex-list li {
  flex: var(--flex-grow) var(--flex-shrink) var(--size-flex);
  border: 1px solid var(--color-gray);
  border-radius: .5rem;
  padding: 1rem;
  margin: 0 1rem 1rem 0;
}

ul.flex-list li > img {
  display: block;
  margin: 1rem auto 0;
}

ul.flex-list li > a {
  font-size: 120%;
  display: block;
  margin-bottom: .5rem;
}

/* Dialogs */
.ui-dialog {
  background: var(--color-white);  
}

.ui-dialog .ui-dialog-titlebar {
  background: var(--color-light-gray);
}

.info-icon {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 1.5rem;
  background-color: transparent;
  border: none;
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/information.png');
  background-repeat: no-repeat;
  margin: 0 1rem 0 0;
  vertical-align: top;
}

.info-icon:hover,
.info-icon:focus {
  background-color: transparent;
  opacity: .75;
}

/* Container elements */

#page {
  position: relative;
}

#container {
  max-width: var(--size-container);
  background: var(--color-white);
  margin: 0 auto;
  box-shadow: 0px -1px 20px rgba(50, 50, 50, 0.15);
}

#ribbons div {
  position: absolute;
  top: 145px;
  height: 165px;
  width: calc((100vw - var(--size-container)) / 2);
  z-index: -1;
  background-image: url('/wp-content/themes/orbis-cascade/images/ribbon-gradient-gray.png');
  background-repeat: repeat-y;
  background-size: 100% 165px;
}

#ribbons.front-page div {
  background-image: url('/wp-content/themes/orbis-cascade/images/ribbon-gradient-purple.png');
  height: 225px;
}

.ribbon-left {
  left: 0;
}

.ribbon-right {
  right: 0;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* Site Header */

.site-header {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem var(--spacing-sides) 0;
  line-height: 1;
}

.site-header .site-branding {
  flex: 0 0 215px;
  position: relative;
  max-width: 40%;
}

.site-header .site-branding a {
  display: block;
  position: absolute;
  bottom: 25px;
}

.site-header #site-links {
  flex: 1 1 auto;
  position: relative;
}

.site-header #search-and-directory {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  flex-wrap: wrap;
}

.site-header #jobs-board a,
.site-header #site-directory a {
  display: inline-block;
  text-decoration: none;
  color: var(--color-white);
  padding: .5rem;
  margin-bottom: 1rem;
  margin-left: .5rem;
  background-color: var(--color-dark-purple);
  border-radius: var(--border-radius);
}

.site-header #jobs-board a::before,
.site-header #site-directory a::before {
  content: ' ';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 50%;
  filter: invert(100%);
  margin-right: .25rem;
}

.site-header #jobs-board a::before {
  width: 16px;
  height: 12px;
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/pin.svg');
  background-size: 12px;
}

.site-header #site-directory a::before {
  width: 24px;
  height: 12px;
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/group.svg');
  background-size: 23px;
}

.site-header #jobs-board a:hover,
.site-header #jobs-board a:focus,
.site-header #site-directory a:hover,
.site-header #site-directory a:focus {
  background-color: var(--color-light-purple);
}

.search-form {
  display: flex;
  justify-content: flex-end;
  margin-left: 1rem;
}

.search-form label {
  display: none;
}

.search-form input.search-field {
  width: 230px;
  padding: 0 10px;
  border: 1px solid var(--color-gray);
}

.search-form input.search-submit {
  background-image: url('/wp-content/themes/orbis-cascade/images/search.png');
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  width: 30px;
  height: 30px;
  color: transparent;
  border: none;
  border-radius: 0;
}

.site-header #site-search .advanced-search-link {
  display: block;
  clear: right;
  float: right;
  margin: .5rem 0 0 0;
  font-size: var(--font-size-xs); 
}

.site-header #site-links .primary-navigation {
  position: relative;
  float: right;
  clear: both;
  z-index: 1000;
}

.site-header #site-links .primary-navigation #mobile-menu-label,
.site-header #site-links .primary-navigation .sub-menu-label,  
.site-header #site-links .primary-navigation #menu-toggle,
.site-header #site-links .primary-navigation .sub-menu-toggle {
  display: none;
}

.site-header #site-links .primary-navigation .menu-wrapper {
  position: relative;
  list-style: none;
  margin: .5rem 0;
}

.site-header #site-links .primary-navigation .menu-wrapper > li.menu-item {
  display: inline-block;
  position : relative;
  margin: 0 1rem;
  padding: 1rem 0;
}

.site-header #site-links .primary-navigation .menu-wrapper > li.menu-item a {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-l);
  color: var(--color-black);
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 0;
}

.site-header #site-links .primary-navigation .menu-wrapper > li.menu-item a:hover,
.site-header #site-links .primary-navigation .menu-wrapper > li.menu-item a:focus {
  color: var(--color-purple);
}

.site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu {
  display: none;
  position: absolute;
  background: var(--color-white);
  border: 1px solid var(--color-gray);
  list-style: none;
  padding: 0;
  margin-top: .75rem;
}

.site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu li {
  margin: 0;
}

.site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu li:hover {
  background: var(--color-lightest-gray);
}

.site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu li a {
  font-size: var(--font-size-base);
  display: block;
  white-space: nowrap;
  padding: 1rem var(--spacing-sides);
}

.site-header #site-links .primary-navigation .menu-wrapper > li.menu-item:hover > ul.sub-menu,
.site-header ul.submenu:hover {
  display: block;
}

.site-header #site-links .primary-navigation .lock {
  display: inline-block;
  width: 0px;
  height: .75rem;
  padding-left: .75rem;
  margin-left: .25rem;
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/lock.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  overflow: hidden;
}

/* Main Content */

.site-main .breadcrumbs,
.site-main .entry-header,
.site-main .page-header,
.site-main .page-title {
  margin: 0;
  padding: 1rem var(--spacing-sides);
  background: var(--color-light-gray);
}

.site-main .breadcrumbs {
  font-size: var(--font-size-s);
}

.site-main .entry-header h1,
.site-main .page-header h1 {
  padding: 0;
}

.site-main .entry-header .icon {
  vertical-align: middle;
}

.site-main .entry-content,
.site-main .page-content {
  padding: 1rem var(--spacing-sides);
}

.site-main .entry-footer {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem var(--spacing-sides);
  clear: both;
}

.site-main .entry-footer .entry-contact {
  flex: 1 0 var(--size-flex);
}

.site-main .entry-footer .entry-contact h2 {
  padding-top: 0;
}

.site-main .entry-footer .entry-meta {
  flex: 1 1 auto;
  text-align: right;
  align-self: flex-end;
  padding-bottom: 1rem;
}

.site-main .entry-footer .entry-meta a {
  white-space: nowrap;
}

.site-main .entry-footer .entry-modification-date {
  font-style: italic;
}

.error-404 {
  padding: 0 0 1.5rem 0;
}

/* Posts navigation */

.archive-navigation h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.archive-navigation .nav-links {
  padding: 0 1rem;
}

.archive-navigation .nav-previous {
  float: right;
}

.archive-navigation .nav-next {
  float: left;
}

/* Excerpts (Archive, Search, Categories, etc.) */

.search-results {
  padding: 0;
}

.result-count {
  font-weight: bold;
}

.drive-results {
  display: flex;
  flex-wrap: wrap;
}

.drive-results a {
  flex: var(--flex-grow) var(--flex-shrink) var(--size-flex);
  max-width: var(--size-flex);
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding: 1rem;
  margin: .5rem;
  border: 1px solid var(--color-gray);
  background: var(--color-lightest-gray);
  border-radius: var(--border-radius);
  font-size: var(--font-size-s);
  text-decoration: none;
  color: var(--darkest-gray);
}

.drive-results a:hover,
.drive-results a:focus {
  background: var(--color-white);
}

.drive-results a img {
  display: block;
  margin: .5rem auto;
  border: 1px solid var(--color-lightest-gray);
}

.drive-results a.folder img {
  max-width: 150px;
  margin-top: 2rem;
  opacity: .5;
}

.archive-content {
  padding-bottom: 2rem;
}

.site-main .excerpt {
  padding: 1rem var(--spacing-sides) .5rem;
}

.site-main .entry-content .excerpt {
  padding: 1rem 0;
}

.site-main .excerpt .edit-link {
  float: right;
  margin-top: 1rem;
}

.site-main .excerpt .entry-header {
  background: transparent;
  padding: .5rem 0 0 0;
  border-top: 1px solid var(--color-gray);
}

.site-main .excerpt:first-of-type .entry-header {
  border: none;
}

.site-main .excerpt .entry-header h3 {
  font-size: var(--font-size-xl);
  display: flex;
}

.site-main .excerpt .entry-header h3 .icon {
  flex: 0 0 32px;
  padding-right: 1rem;
}

.site-main .excerpt .entry-header h3 a {
  flex: 1 1 auto;
  padding-right: 1rem;
}

.site-main .excerpt .entry-content {
  padding: 0;
}

.site-main .excerpt .entry-meta {
  font-size: var(--font-size-s);
}

.site-main .excerpt .entry-meta div {
  display: inline-block;
  margin-right: 1rem;
}

.tags a {
  display: inline-block;
  padding: .5rem;
  margin: 0 0 .5rem 0;
  background: var(--color-light-gray);
  color: var(--color-darkest-gray);
  border-radius: var(--border-radius);
  text-decoration: none;
  white-space: nowrap;
}

.tags a:hover,
.tags a:focus {
  background: var(--color-lightest-gray);
  color: var(--color-darker-gray);
}

.template-content {
  margin: 0 var(--spacing-sides) 1rem;
}

/* Advanced Search */

.advanced-search-form {
  margin: 1rem 0;
  padding: 1rem;
  background: var(--color-lightest-gray);
  border-radius: 1rem;
  border: 2px dotted var(--color-gray);
}

.advanced-search-form input[type="text"] {
  display: block;
  width: 100%;
  padding: .5rem 0 .5rem .5rem;
  border: 1px solid var(--color-light-gray);
  font-size: var(--font-size-l);
}

.advanced-search-form select {
  padding: .5rem;
  margin: 0 0 1rem 0;
  border: 1px solid var(--color-light-gray);
}

.advanced-search-form .search-group {
  border-radius: .5rem;
  margin: .5rem 1rem; 
}

.advanced-search-form .search-group.white {
  background: var(--color-white);
  padding: 0 1rem 1rem 1rem;
  flex: 1 1 auto;
}

.advanced-search-form .search-group ul {
  list-style: none;
  padding: 0;
}

.advanced-search-form .search-group li {
  margin: .25rem 0;
}

.advanced-search-form .search-group li ul {
  margin-left: 1.5rem;
}

.advanced-search-form #input-submit {
  text-align: center;
  margin-top: 1rem;
}

.advanced-search-form #toggle-check {
  display: none;
}

.advanced-search-form #advanced-toggle {
  display: inline-block;
  margin: .5rem 1rem;
  color: var(--color-black);
  background: var(--color-light-gray);
  border: 1px solid var(--color-gray);
  border-radius: var(--border-radius);
  padding: .25rem;
}

.advanced-search-form #advanced-filters {
  display: none;
  flex-wrap: wrap;
}

.query {
  font-style: italic;
}

/* Tag list */

.result-tags {
  text-align: center;
}

.result-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.result-tags li {
  display: inline-block;
  margin: 0 .5rem;
}

.result-tags a {
  background-color: var(--color-light-purple);
  color: var(--color-white);
}

.result-tags a:hover,
.result-tags a:focus {
  background-color: var(--color-lightest-purple);
  color: var(--color-dark-gray);
}


/* Pagination */

.result-navigation {
  display: flex;
  min-height: 1rem;
  flex-wrap: nowrap;
  padding: 1.5rem 0;
}

.result-navigation:empty {
  display: none;
}

.result-navigation > div {
  flex: 1 1 10rem;
}

.result-navigation > div a {
  display: inline-block;
  padding: .5rem;
  border-radius: var(--border-radius);
  background: var(--color-dark-purple);
  color: var(--color-white);
  text-decoration: none;
}

.result-navigation > div a:hover,
.result-navigation > div a:focus {
  background: var(--color-purple);
}

.result-navigation > div a::after,
.result-navigation > div a::before {
  padding: .5rem;
}

.result-navigation > div.nav-next {
  text-align: right;
}

.result-navigation > div.nav-next a::after {
  content: "\21D2";
}

.result-navigation > div.nav-prev {
  text-align: left;
}

.result-navigation > div.nav-prev a::before {
  content: "\21D0";
}


/* Program/Team Landing Pages */
.flex-links {
  display: flex;
  flex-wrap: wrap;
  padding: 0 var(--spacing-sides);
}

.entry-content .flex-links {
  padding: 0;
}

.flex-links > div {
  flex: var(--flex-grow) var(--flex-shrink) var(--size-flex);
  padding: 1rem 2rem 1rem 0;
}

.flex-links > div:last-child {
  flex: 1 1 var(--size-flex);
}

.flex-links > div.static {
  flex: var(--flex-grow) var(--flex-shrink) var(--size-flex);
}


.flex-links > div.multiple {
  flex: 1 1 570px;
}

.flex-links-box h2 {
  margin-bottom: 1rem;
}

.flex-links-box {
  display: block;
  padding: 0;
  text-align: center;
}

.flex-links-box {
  display: block;
  padding: 0 0 1rem 0;
  background: url('/wp-content/themes/orbis-cascade/images/textured_paper_50.png');
  border: 1px solid var(--color-gray);
  border-radius: var(--border-radius);
}

a.flex-links-box:hover,
a.flex-links-box:focus {
  background: var(--color-lightest-gray);
}

a.flex-links-box img {
  display: block;
  margin: 0 auto;
}

.flex-links .calendar {
  padding: 0 1rem;
}

.flex-links .simcal-calendar {
  padding: 0;
}

.flex-links .calendar p {
  text-align: left;
}

.flex-links .calendar a.open-calls,
.flex-links .calendar a.calendar-link {
  display: inline-block;
  background-repeat: no-repeat;
  padding-left: 28px;
}

.flex-links a.open-calls {
  background: url('/wp-content/themes/orbis-cascade/images/icons/video.png');
}

.flex-links a.calendar-link {
  background: url('/wp-content/themes/orbis-cascade/images/icons/calendar.png');
}

/* Connections templates */
#cn-list-body {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}

#cn-list-body.cn-list-body::before,
#cn-list-body.cn-list-body::after {
  content: none;
}

#cn-list .card-entry span.phone-name,
#cn-list .card-entry span.email-name,
#cn-list .card-entry span.phone-name + .cn-separator,
#cn-list .card-entry span.email-name + .cn-separator,
#cn-list .card-entry span.cn_category_label,
#cn-list .profile-entry span.cn_category_label,
#cn-list .member-address span.adr span.address-name,
#cn-list span.link span.link-name,
#cn-list span.link span.link-name + .cn-separator {
  display: none;
}

.cn-list-item {
  flex: var(--flex-grow) var(--flex-shrink) 300px;
}

.card-entry {
  display: flex;
  flex-direction: column;
  padding: 0 1rem 1rem 0;
}

.cn-list-item p {
  margin: 0;
}

.cn-list-item p:empty {
  display: none;
}

.cn-list-item .card-picture {
  display: none;
}

.cn-list-item p.card-name {
  font-weight: bold;
}

.cn-list-item p.card-alliance-title {
  font-style: italic;
}

.cn-list-item p.card-title,
.cn-list-item p.card-pronouns {
  display: none;
}

.cn-list-item.organization > a {
  display: none;
}

.cn-list-item.organization span.locality::after {
  content: ",";
}

.team-reps p.card-service {
  display: none;
}

/* Staff */

.cn-list-item.staff {
  flex: var(--flex-grow) var(--flex-shrink) var(--size-flex-s);
  padding: 1rem;
  background: url('/wp-content/themes/orbis-cascade/images/textured_paper_50.png');
  border: 1px solid var(--color-gray);
  border-radius: var(--border-radius);
  margin: 0 1rem 1rem 0;
}

.cn-list-item.staff .card-entry {
  padding: 0;
}

.cn-list-item.staff p.card-title,
.cn-list-item.staff p.card-pronouns {
  display: block;
  margin-bottom: .5rem;
}

#cn-list .cn-list-item.staff span.email-address-block,
#cn-list .cn-list-item.staff span.phone-number-block {
  margin-bottom: .5rem;
}

.cn-list-item.staff .card-picture {
  text-align: center;
}

.cn-list-item.staff .card-name {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xl);
  font-weight: normal;
  margin-bottom: .5rem;
}

.cn-list-item.staff .card-org {
  display: none;
}

.cn-list-item.staff .card-email a,
.cn-list-item.staff .card-phone a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 28px;
}

.cn-list-item.staff .card-email a {
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/email.png');
}

.cn-list-item.staff .card-phone a {
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/phone.png');
}

.team-members .cn-list-item.staff {
  flex: var(--flex-grow) var(--flex-shrink) 300px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

.team-members .cn-list-item.staff .card-entry {
  padding: 0 1rem 1rem 0;
}

.team-members .cn-list-item.staff .card-name {
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-base);
  font-weight: bold;
  color: var(--color-black);
  margin-bottom: 0;
}

.team-members .cn-list-item.staff .card-org {
  display: block;
}

.team-members .cn-list-item.staff .card-title,
.team-members .cn-list-item.staff .card-email,
.team-members .cn-list-item.staff .card-phone,
.team-members .cn-list-item.staff .card-pronouns {
  display: none;
}

/* Member organizations */

.cn-list-item.organization {
  flex: var(--flex-grow) var(--flex-shrink) var(--size-flex);
  margin: .5rem .25rem;
  padding: 1rem;
  background: url('/wp-content/themes/orbis-cascade/images/textured_paper_50.png');
  border: 1px solid var(--color-gray);
  border-radius: var(--border-radius);
}

.cn-list-item.organization .member-logo {
  text-align: center;
  margin-bottom: 1rem;
}

#cn-list .cn-list-item.organization span.cn-image-style {
  border: none;
}

.cn-list-item.organization .member-name {
  font-weight: bold;
}

.cn-list-item.organization p {
  margin: .5rem 0;
}

.cn-list-item.organization .member-links a,
.cn-list-item.organization .member-directory a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 28px;
}

.cn-list-item.organization .member-links .website a {
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/globe.png');
  margin-bottom: 10px;
}

.cn-list-item.organization .member-links .primo a {
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/book-search.png');
  margin-bottom: 10px;
}

.cn-list-item.organization .member-links .library-homepag a {
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/home.png');
}

.cn-list-item.organization .member-directory a {
  background-image: url('/wp-content/themes/orbis-cascade/images/icons/group.png');
}

/* Directory */

.directory-search-form {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem var(--spacing-sides);
  padding: 1rem;
  background: var(--color-lightest-gray);
  border-radius: 1rem;
  border: 2px dotted var(--color-gray);
}

.directory-search-form > div {
  margin: .5rem 1rem .5rem 0;
}

.directory-search-form label {
  font-size: var(--font-size-l);
}

.directory-search-form input,
.directory-search-form select {
  padding: .5rem;
}

.directory-search-form input[type="text"] {
  width: 150px;
}

.directory {
  margin: 0 var(--spacing-sides) 1rem;
}

.directory-head {
  display: flex;
  border-bottom: 1px solid var(--color-light-purple);
  border-left: 1px solid var(--color-light-purple);
}

.directory-head div {
  background: var(--color-dark-purple);
  color: var(--color-white);
  flex: 1 1 200px;
  padding: .5rem;
  border-top: 1px solid var(--color-light-purple);
  border-right: 1px solid var(--color-light-purple);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-l);
}

.directory .cn-list-item {
  flex: 1 1 var(--size-container);
  border-left: 1px solid var(--color-gray);
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-radius: 0;
  background: none;
  padding: 0;
  margin: 0;
}

.directory .profile-entry {
  display: flex;
}

.directory .profile-name,
.directory .profile-title,
.directory .profile-org,
.directory .profile-categories {
  flex: 1 1 200px;
  padding: .5rem;
  border-top: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
}

.directory .cn-list-foot {
  border-top: 1px solid var(--color-gray);
}

.directory #cn-list .cn_category {
  display: block;
}

.directory #cn-list .cn_category::before {
  content: "\2022\0020";
}

/* Gravity Forms */
.gform_wrapper .gfield.likert ul.gfield_radio li {
  display: inline-block;
  margin-right: 1rem;
}

.gform_confirmation_message {
  padding: 1rem;
  background: var(--color-light-green);
}

/* WP Blocks */
.wp-block-ub-tabbed-content-tab-title-vertical-wrap.active {
  background-color: var(--color-dark-purple);
  color: white;
}

/* Footer */

.site-footer {
  background: var(--color-darker-gray);
  color: var(--color-white);
  font-family: var(--font-family-primary);
}

.site-footer a {
  color: var(--color-lighter-purple);
}

.site-footer a:hover,
.site-footer a:focus {
  color: var(--color-white);
}

.site-footer h2 {
  font-size: var(--font-size-l);
  margin: 0;
}

.site-footer .flex div {
  flex: 1 0 200px;
  padding: .5rem 1rem;
}

.site-footer .site-info span {
  display: block;
}

.site-footer .social-media a {
  display: inline-block;
  color: var(--color-white);
  text-decoration: none;
}

.site-footer .social-media a:hover,
.site-footer .social-media a:focus {
  text-decoration: underline;
}

.site-footer .social-media img {
  width: 24px;
  vertical-align: middle;
  margin-right: .5rem;
}

.ub_table-of-contents-extra-container {
	padding-top: 0;
}

.ub_table-of-contents-extra-container ul {
	margin-top: 0;
}

/* Responsive */
@media screen and (max-width: 1034px) {
  :root {
  --flex-grow: 1;
  --spacing-sides: 1rem;
  }
  
  .wp-block-image .alignright,
  .wp-block-image .alignleft {
    float: none;
    margin: .5rem auto;
  }
  
  /* Header */
  
  .site-header .site-branding a {
    position: relative;
    margin-top: 1rem;
  }
  
  .search-form input.search-field {
    width: 160px;
  }
  
  .site-header #site-links .primary-navigation #mobile-menu-label {
    display: block;
    padding: .5rem .5rem .5rem 2rem;
    margin: 1rem 0;
    border-radius: var(--border-radius);
    background: var(--color-lightest-gray);
    background-image: url('/wp-content/themes/orbis-cascade/images/icons/menu.png');
    background-repeat: no-repeat;
    background-position: 8px center;
  }

  .site-header #site-links .primary-navigation .primary-menu-container {
    position: absolute;
    right: 0;
    display: none;
  }
  
  .site-header #site-links .primary-navigation #menu-toggle:checked + .primary-menu-container {
    display: block;
    background: var(--color-white);
    border: 1px solid var(--color-gray);
  }

  .site-header #site-links .primary-navigation .menu-wrapper {
    padding: 0;
    width: 300px;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper > li.menu-item {
    display: block;
    padding: 0;
    margin: 0;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper > li.menu-item:hover > ul.sub-menu,
  .site-header ul.submenu:hover {
    display: none;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper > li.menu-item a {
    display: inline-block;
    width: 80%;
    padding: .5rem var(--spacing-sides);
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper > li.menu-item .sub-menu-label {
    display: inline-block;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu {
    display: none;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper .sub-menu-toggle:checked ~ label {
    transform: rotate(180deg);
  }
  
  .site-header #site-links  .primary-navigation .menu-wrapper .sub-menu-toggle:checked ~ ul.sub-menu {
    display: block !important;
    position: relative;
    margin: 0;
    border: none;
    background: transparent;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu li:hover {
    background: transparent;
  }
  
  .site-header #site-links .primary-navigation .menu-wrapper ul.sub-menu li a {
    white-space: normal;
    padding: .5rem calc(var(--spacing-sides) + 1rem);
  }
  
  /* Connections */
  .cn-list-item.staff {
    flex: 1 1 var(--size-flex-s);
  }
  
  /* Dialog */
  .ui-dialog {
    border: 1px solid var(--color-gray);
    margin: 0 auto;
  }
  
  .ui-dialog-titlebar,
  .ui-dialog-content {
    padding: 0 1rem;
  }
  
  .ui-dialog-titlebar-close {
    display: none;
  }
  
  .ui-dialog-buttonset {
    text-align: right;
    padding: 0 1rem 1rem 0;
  }
  
  /* Directory */
  .directory {
    margin: 0;
  }
  
  .directory-search-form {
    display: block;
    margin: 0;
  }
  
  .directory-search-form input,
  .directory-search-form input[type="text"],
  .directory-search-form select {
    width: 100%;
    
  }
  
  .directory-head {
    display: none !important;
  }
  
  .directory .cn-list-item {
    border :none;
    padding: 1rem;
  }

  .directory .profile-entry {
    flex-direction: column;
  }

  .directory .profile-name,
  .directory .profile-title,
  .directory .profile-org,
  .directory .profile-categories {
    flex: 1 1 auto;
    border: none;
    padding: .25rem;
  }
  
  .directory .profile-name {
    font-weight: bold;
    order: 1;
  }
  
  .directory .profile-title {
    font-style: italic;
    order: 2;
  }
  
  .directory .profile-org {
    order: 3;
  }
  
  .directory .profile-categories {
    order: 4;
  }

  .directory .cn-list-foot {
    border: none;
  }
  
  /* Search */
  .advanced-search-form {
    position: relative;
  }
  
  .advanced-search-form #toggle-check:checked ~ #advanced-filters {
    flex-direction: column;
  }
  
  .advanced-search-form .search-group {
    margin: .5rem;
  }
  
  .advanced-search-form select,
  .advanced-search-form input[type="text"] {
    width: 100%;
  }
  
  .advanced-search-form .info-icon {
    display: block;
    width: auto;
    height: auto;
    overflow: auto;
    background-image: none;
    margin: -1rem 0 1rem 0;
    text-align: left;
  }
  
  .advanced-search-form .info-icon span.hidden {
    position: relative;
    width: auto;
    height: auto;
    color: var(--color-purple);
    text-decoration: underline;
    font-size: var(--font-size-xs);
  }
  
  .drive-results a {
    max-width: 100%;
  }
  
}