:root {
  --text: #222222;
  --default-hover: #656565;
  --light-text: #ffffff;
  --primary: #007baf;
  --primary-hover: var(--default-hover);
  --primary-border-hover: var(--primary);
  --secondary: var(--default-hover);
  --secondary-hover: var(--charcoal);
  --secondary-disabled: var(--secondary);
  --charcoal: #30363d;
  --charcoal-hover: var(--default-hover);
  --charcoal-disabled: var(--charcoal);
  --asp-orange: #f07537;
  --orange: var(--asp-orange);
  --success: #0c7c59;
  --success-hover: var(--default-hover);
  --success-disabled: var(--success);
  --secondary-navbar-background: var(--charcoal);
  --secondary-navbar-link: var(--light-text);
  --secondary-navbar-link-hover: #999999;
  --secondary-navbar-toggler: var(--light-text);
  --footer-background: var(--charcoal);
  --footer-text: var(--light-text);
  --footer-link: var(--light-text);
  --footer-link-hover: #999999;

  --header-gray: #dddee0;
  --d-teal: rgb(26 91 110);
  --dark-teal: var(--d-teal);
  --link: var(--primary);
  --link-hover: #8473d2;
  --navbar-background: #ffffff;
  --navbar-link: #8473d2;
  --navbar-link-hover: var(--text);
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: var(--navbar-link);

  --ccmnet-navy: #04376F;
  --ccmnet-lightblue: #0489ba;
  --ccmnet-lighterblue: #eff6fe;
  --ccmnet-lightishblue: #a3dff7;
  --ccmnet-hero: #283F72CC;
  --ccmnet-red: #d93c19;
  --ccmnet-var-red: var(--ccmnet-red);
  --ccmnet-green: #28A588;
  --teal: var(--ccmnet-green);
  --ccmnet-orange: #E82E18;
  --ccmnet-purple: #24599C;
  --purple: var(--ccmnet-purple);
  --ccmnet-blue: var(--ccmnet-lightblue);
  --ccmnet-blue-rollover: var(--ccmnet-blue);
}

body.careers-cyberteam{
  --link: var(--primary);
  --link-hover: var(--default-hover);
  --primary: #0f4d92;
  --navbar-background: #ffffff;
  --navbar-link: #0f4d92;
  --navbar-link-hover: var(--text);
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: var(--navbar-link);
  --selected-tag: var(--primary);
}
body:not(.careers-cyberteam) .careers-cyberteam {
  display: none !important;
}
body.great-plains-cyberteam{
  --link: var(--primary);
  --link-hover: var(--default-hover);
  --primary: #545E0D;
  --navbar-background: #ffffff;
  --navbar-link: #545E0D;
  --navbar-link-hover: var(--text);
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: var(--navbar-link);
  --selected-tag: var(--primary);
}
body.kentucky-cyberteam{
  --link: var(--primary);
  --link-hover: var(--default-hover);
  --primary: #0033a0;
  --navbar-background: #0033a0;
  --navbar-link: #ffffff;
  --navbar-link-hover: #999999;
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: #0033a0;
  --selected-tag: var(--primary);
}
body.mines-cyberteam{
  --link: #4E5873;
  --link-hover: #A22B10;
  --primary: #21314D;
  --navbar-background: #ffffff;
  --navbar-link: var(--link-hover);
  --navbar-link-hover: var(--primary);
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: var(--navbar-link);
  --selected-tag: var(--primary);

}
body.northeast-cyberteam{
  --link: var(--primary);
  --link-hover: #5843B1;
  --primary: #007baf;
  --navbar-background: #ffffff;
  --navbar-link: #5843B1;
  --navbar-link-hover: var(--text);
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: var(--navbar-link);
  --selected-tag: var(--primary);
}
body:not(.northeast-cyberteam) .northeast-cyberteam {
  display: none !important;
}

body.ccmnet{
  --primary: var(--ccmnet-lightblue);
  --primary-hover: white;
  --primary-border-hover: var(--ccmnet-lightblue);
  --text: #000000;
  --link: var(--primary);
  --link-hover: var(--ccmnet-lightblue);
  --success: var(--ccmnet-lightblue);
  --selected-tag: var(--ccmnet-purple);
  --navbar-background: #ffffff;
  --navbar-link: #000000;
  --navbar-link-hover: var(--text);
  --navbar-toggler: var(--navbar-link);
  --navbar-dropdown: var(--text);
  --navbar-dropdown-hover: var(--navbar-link);
  --secondary-navbar-background: var(--ccmnet-navy);
  --footer-link-hover: var(--ccmnet-lightblue);
  overflow-x: hidden;
}
body:not(.ccmnet) .ccmnet {
  display: none !important;
}
body:not(.campus-champions) .campus-champions{
  display: none !important;
}
body:not(.open-ondemand) .open-ondemand {
  display: none !important;
}
body:not(.pa-science) .pa-science {
  display: none !important;
}
html:has(body.ccmnet) {
  overflow-x: hidden;
}

.campus-champions .region-specific:not(.display-campus-champions) { display: none !important; }
.careers-cyberteam .region-specific:not(.display-careers) { display: none !important; }
.great-plains-cyberteam .region-specific:not(.display-great-plains) { display: none !important; }
.kentucky-cyberteam .region-specific:not(.display-kentucky) { display: none !important; }
.mines-cyberteam .region-specific:not(.display-mines) { display: none !important; }
.northeast-cyberteam .region-specific:not(.display-northeast) { display: none !important; }
.open-ondemand .region-specific:not(.display-open-ondemand) { display: none !important; }
.coco .region-specific:not(.display-coco) { display: none !important; }
.usrse .region-specific:not(.display-usrse) { display: none !important; }
.ccmnet .region-specific:not(.display-ccmnet) { display: none !important; }
.pa-science .region-specific:not(.display-pa-science) { display: none !important; }

/*
* Also added to global.js to remove html.
*/
.campus-champions .hide-campus-champions { display: none !important; }
.careers-cyberteam .hide-careers { display: none !important; }
.great-plains-cyberteam .hide-great-plains { display: none !important; }
.kentucky-cyberteam .hide-kentucky { display: none !important; }
.mines-cyberteam .hide-mines { display: none !important; }
.northeast-cyberteam .hide-northeast { display: none !important; }
.open-ondemand .hide-open-ondemand { display: none !important; }
.coco .hide-coco { display: none !important; }
.usrse .hide-usrse { display: none !important; }
.ccmnet .hide-ccmnet { display: none !important; }
.pa-science .hide-pa-science { display: none !important; }

.coco #mainNav #navbarResponsive, .usrse #mainNav #navbarResponsive, .coco #mainNav .navbar-toggler, .usrse #mainNav .navbar-toggler { display: none !important; }

body:not(.logged_in) .authenticated-only { display: none !important; }
body.logged_in .anon-only { display: none !important; }

/* set fonts */
.museo-sans{font-family:"museo-sans",sans-serif;}
.museo-slab{font-family:"museo-slab",serif;}
/* standard elements */
html, body {
  height: 100%;
}
body {
  font-size: 1rem;
  color: var(--text);
  font-family: 'museo-sans', sans-serif;
  display: flex;
  flex-direction: column;
}
body.ccmnet {
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
}
body.ccmnet .cssn-directory-item i{
  font-size: .8em;
}
@media screen and (min-width: 992px) {
  /* .container.main-container { max-width: 80% !important; } */
}
.wrapper {
  flex: 1 0 auto;
}
p { line-height: 1.5; }
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  font-family: 'museo-sans', sans-serif;
  letter-spacing: 0.02em;
}
.ccmnet h1, .ccmnet h2, .ccmnet h3, .ccmnet h4, .ccmnet h5, .ccmnet h6 {
  font-family: 'DM Sans', sans-serif;
}
h1, h2 { font-size: 1.5rem; }
h3, .h3, h4, .h4 { font-size: 1.2rem; }
h5, h6 { font-size: 1rem; }
a {
  color: var(--link);
  transition: all 0.25s;
}
a:focus, a:hover {
  text-decoration: none;
  color: var(--link-hover);
}
blockquote {
  font-style: italic;
  color: var(--charcoal);
}
.section-heading {
  font-size: 36px;
  font-weight: 700;
  margin-top: 60px;
}
.caption {
  font-size: 14px;
  font-style: italic;
  display: block;
  margin: 0;
  padding: 10px;
  text-align: center;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
::-moz-selection,
::selection {
  color: var(--light-text);
  background: var(--primary);
  text-shadow: none;
}
img::selection,
img::-moz-selection {
  color: var(--light-text);
  background: transparent;
}
.bg-charcoal {
  background: var(--charcoal);
  color: var(--light-text);
}
.bg-ccmnet-lightblue {
  background: var(--ccmnet-lightblue) !important;
}
.bg-red {
  background: var(--ccmnet-red);
}
.mt-n25 {
  margin-top: -2.5rem !important;
}
.btn {
  font-size: 14px;
  font-weight: 800;
  padding: 15px 25px;
  letter-spacing: 1px;
  border-radius: 0;
  font-family: 'museo-sans', sans-serif;
  margin-bottom: 10px;
}
.ccmnet .btn {
  font-family: 'DM Sans';
  border-width: 2px;
}
@media screen and (max-width: 575.98px) {
  .btn-sm-block {
    display: block;
    width: 100%;
  }
}
.btn-pill { border-radius: 50px !important; }
.btn-sm { padding: 5px 15px; }
.btn-lg {
  font-size: 16px;
  padding: 25px 35px;
}
.btn-primary, .ccmnet .btn-outline-dark, .btn-md-teal {
  color: var(--light-text);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-header-gray {
  background-color: var(--header-gray);
  color: var(--text);
  border-color: var(--header-gray);
}
.ccmnet .btn-primary, .ccmnet .btn-outline-dark, .ccmnet .btn-secondary, .ccmnet .btn-success, .ccmnet .btn-md-teal {
  border-radius: 20px;
  text-transform: none;
  font-weight: 500;
  padding: 4px 24px !important;
}
.ccmnet .btn-secondary:hover {
  text-decoration: none !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .ccmnet .btn-outline-dark:hover, .ccmnet .btn-success:hover, .btn-md-teal:hover {
  color: var(--light-text);
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-border-hover) !important;
  text-decoration: none !important;
}
.ccmnet .btn-primary:hover, .ccmnet .btn-primary:focus, .ccmnet .btn-primary:active, .ccmnet .btn-outline-dark:hover, .ccmnet .btn-success:hover, .btn-md-teal:hover {
  color: var(--primary);
}
.btn-success {
  color: var(--light-text);
  background-color: var(--success);
  border-color: var(--success);
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  color: var(--light-text);
  background-color: var(--success-hover) !important;
  border-color: var(--success-hover) !important;
}
.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-primary:hover {
  color: var(--light-text) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--primary) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: var(--light-text) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-success {
  color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-outline-success:hover {
  color: var(--light-text) !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: var(--success) !important;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: var(--light-text) !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-outline-light {
  color: var(--light-text) !important;
  border-color: var(--light-text) !important;
}
.btn-outline-light:hover {
  color: var(--link-hover) !important;
  background-color: var(--light-text) !important;
  border-color: var(--light-text) !important;
}

.btn-outline-light.disabled, .btn-outline-light:disabled { color: var(--light-text) !important; }
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: var(--link-hover) !important;
  background-color: var(--light-text) !important;
  border-color: var(--light-text) !important;
}
.img-buttons a:hover img {
  filter: drop-shadow(1px 1px 4px rgba(101,101,101,0.5));
}

/* navigation */
.navbar {
  background-color: var(--navbar-background) !important;
  font-family: 'museo-sans', sans-serif;
}
.ccmnet .navbar {
    font-family: 'DM Sans', sans-serif;
}
.navbar .container {
  max-width: 100% !important;
}
.navbar-brand > * {
  font-family: 'museo-sans', sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
.ccmenet .navbar-brand > * {
  font-family: 'DM Sans', sans-serif !important;
}
.navbar-brand h1 {
  font-size: 2rem;
}
.navbar .navbar-brand {
  font-weight: 800;
  color: var(--navbar-link);
}
.navbar .navbar-toggler {
  font-size: 16px;
  font-weight: 800;
  padding: 13px;
  text-transform: uppercase;
  outline: none !important;
  border-color: none;
  border: none;
  box-shadow: none;
  color: var(--navbar-toggler);
}
.navbar .navbar-nav > li.nav-item > a, .navbar .navbar-nav > li.nav-item > span,
.navbar .dropdown-item {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ccmnet .navbar .dropdown-item {
  text-transform: none;
}
.logo {
  max-height: 125px;
  padding: 5px;
}
.tagline {
  font-size: 1.4rem;
  font-weight: 600;
  max-width: 390px;
  text-align: right;
}
.coco .tagline {
  color: #781346;
}
.navbar li.nav-item a.nav-link, .navbar li.nav-item span.nav-link {
  color: var(--navbar-link);
  text-decoration: none;
  padding: 5px 15px;
}
.navbar li.nav-item a.nav-link:hover, .navbar li.nav-item span.nav-link:hover  { color: var(--navbar-link-hover); }
.navbar li.nav-item a.dropdown-item:hover { color: var(--navbar-dropdown-hover); }
li.dropdown-item {
  float: left;
  line-height: initial;
  padding: 0;
}
li.dropdown-item a.nav-link {
  display: block;
  padding: 0;
  clear: both;
  line-height: initial !important;
  white-space: nowrap;
}
li.dropdown-item a.nav-link:active {
  background-color: none !important;
}
.dropdown-item:active, .dropdown-item:hover { background-color: transparent; }
.dropdown .dropdown-menu {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 0;
  display: none;
  overflow: hidden;
  opacity: 0;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: -1px;
  margin-right: -1px;
}
.dropdown:hover .dropdown-menu {
  max-height: fit-content;
  opacity: 1;
  display: block !important;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu {
  min-width: 0;
  padding: .5rem 0 .5rem 0;
  text-align: left;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.fixed-top { position: relative; z-index:55; }
.fixed-top.scrolled { position: fixed; }

/* People Page Dropdown */
#block-views-block-peoplebuttonblocks-region-select-card .dropdown-menu {
  top: 90%;
}
@media screen and (max-width: 991.98px) {
  #mainNav .navbar-nav .dropdown .dropdown-menu {
    position: static;
    top: 0;
    background: #fff;
    padding: 0.25rem 0;
    box-shadow: none;
    width: 100%;
    display: block !important;
    opacity: 1;
    max-height: initial;
    overflow: initial;
    margin: 0.125rem 0;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: auto;
  }

  /* Style secondary navbar on mobile */
  #secondaryNavbarResponsive {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }
  #secondaryNavbarResponsive .search-block-form {
    margin-right: 15px;
  }
  #secondaryNavbarResponsive .navbar-nav {
    flex-direction: row;
  }
  #secondaryNavbarResponsive .navbar-nav .nav-item {
    width: auto;
  }
  /* Make secondary navbar dropdowns absolutely positioned on mobile */
  #secondaryNavbarResponsive .dropdown-menu {
    position: absolute !important;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: var(--secondary-navbar-link);
    text-align: left;
    background-color: var(--secondary-navbar-background);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  }
  /* Override navbar dropdown toggle styles for secondary navbar */
  #secondaryNavbarResponsive .dropdown-toggle {
    color: var(--secondary-navbar-link) !important;
    font-size: 0.6em !important;
  }
  #navbarResponsive .navbar-nav {
    width: 100%;
  }
  #navbarResponsive .navbar-nav .nav-item {
    width: 100%;
  }
  #block-views-block-peoplebuttonblocks-region-select-card .dropdown-menu {
    position: absolute;
    background-color: #FFFFFF;
    top: 40px;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    display: none !important;
  }

  #block-views-block-peoplebuttonblocks-region-select-card .show {
    display: block !important;
  }
}

/* secondaryNav */
#secondaryNav .navbar-toggler {
  color: var(--secondary-navbar-toggler);
  font-size: 0.6em;
}
#secondaryNav li.nav-item > a {
  font-size: 0.6em;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--secondary-navbar-link);
}
#secondaryNav a.dropdown-item {
  font-size: 0.6em;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#secondaryNav li.nav-item > a:hover {
  color: var(--secondary-navbar-link-hover);
}
#secondaryNav.navbar {
  background-color: var(--secondary-navbar-background) !important;
  height: auto !important;
  width: 100%;
  text-align:center;
  z-index: 100;
}
#secondaryNav.scrolled { min-height: 90px; }
@media screen and (max-width: 1120px) {
  .ccmnet #mainNav .navbar-brand .logo {
    width: auto !important;
    max-width: auto !important;
    height: 62px;
  }
  .ccmnet .nsf-logo img {
    width: auto;
    height: 62px;
  }
}
@media screen and (max-width: 991.98px) {
  .navbar .container { max-width: 100% !important; }
  .navbar-brand .logo {
    width: 100% !important;
    padding-right: 0;
  }
  .tagline {
    text-align: left;
  }
  .navbar li.nav-item a.nav-link {
    line-height: initial;
    float: left;
  }
  .navbar, .navbar-nav {
    background-color: var(--navbar-background);
    margin: 0 !important;
    height: auto !important;
  }
  .navbar-toggler { padding: 0.25rem 0rem; }
  .navbar .dropdown .dropdown-toggle {
    display: block;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
    padding: 15px 15px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: transparent;
    font-weight: 800 !important;
    font-size: 16px !important;
    color: var(--navbar-link) !important;
    text-decoration: none;
    cursor: default;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  }
  .navbar .dropdown .dropdown-toggle:hover {
    background-color: transparent;
    color: var(--navbar-link-hover) !important;
  }
  .dropdown .dropdown-toggle:after {
    display: none;
  }
  .dropdown-menu .dropdown-item {
    display: block;
    padding: 6px 16px;
    border-radius: 0;
    line-height: 1.3;
    float: none;
    width: 100%;
    text-align: left;
    color: var(--navbar-link) !important;
    text-decoration: none;
    margin: 0;
    font-size: 12px;
  }
  .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--navbar-link-hover) !important;
    text-decoration: none;
  }
  .navbar-collapse { margin: 0 -1rem; }

  /* Hide dropdown menus when parent has domain-specific visibility classes */
  .navbar-nav .dropdown .hide-ccmnet + .dropdown-menu,
  .navbar-nav .dropdown .hide-campus-champions + .dropdown-menu,
  .navbar-nav .dropdown .hide-careers + .dropdown-menu,
  .navbar-nav .dropdown .hide-northeast + .dropdown-menu,
  .navbar-nav .dropdown .hide-pa-science + .dropdown-menu,
  .navbar-nav .dropdown .hide-coco + .dropdown-menu {
    display: none !important;
  }

  /* Show dropdown menus when parent has display classes for current domain */
  .navbar-nav .dropdown .display-ccmnet + .dropdown-menu,
  .navbar-nav .dropdown .display-campus-champions + .dropdown-menu,
  .navbar-nav .dropdown .display-careers + .dropdown-menu,
  .navbar-nav .dropdown .display-northeast + .dropdown-menu,
  .navbar-nav .dropdown .display-pa-science + .dropdown-menu,
  .navbar-nav .dropdown .display-coco + .dropdown-menu {
    display: block !important;
  }

  /* Ensure dropdown toggle headings are visible on mobile, but respect domain-specific visibility */
  .navbar-nav .dropdown .dropdown-toggle {
    display: block !important;
  }

  /* Hide dropdown toggles that have domain-specific hide classes on appropriate domains */
  .ccmnet .navbar-nav .dropdown .dropdown-toggle.hide-ccmnet {
    display: none !important;
  }
  .campus-champions .navbar-nav .dropdown .dropdown-toggle.hide-campus-champions {
    display: none !important;
  }
  .careers-cyberteam .navbar-nav .dropdown .dropdown-toggle.hide-careers {
    display: none !important;
  }
  .northeast-cyberteam .navbar-nav .dropdown .dropdown-toggle.hide-northeast {
    display: none !important;
  }
  .coco .navbar-nav .dropdown .dropdown-toggle.hide-coco {
    display: none !important;
  }

  /* Show dropdown toggles that have domain-specific display classes on appropriate domains */
  .ccmnet .navbar-nav .dropdown .dropdown-toggle.display-ccmnet {
    display: block !important;
  }
  .campus-champions .navbar-nav .dropdown .dropdown-toggle.display-campus-champions {
    display: block !important;
  }
  .careers-cyberteam .navbar-nav .dropdown .dropdown-toggle.display-careers {
    display: block !important;
  }
  .northeast-cyberteam .navbar-nav .dropdown .dropdown-toggle.display-northeast {
    display: block !important;
  }
  .coco .navbar-nav .dropdown .dropdown-toggle.display-coco {
    display: block !important;
  }
  .pa-science .navbar-nav .dropdown .dropdown-toggle.display-pa-science {
    display: block !important;
  }

  /* Hide region-specific dropdown toggles by default on mobile */
  .navbar-nav .dropdown .dropdown-toggle.region-specific {
    display: none !important;
  }

  /* Show region-specific dropdown toggles only on their designated domains */
  .ccmnet .navbar-nav .dropdown .dropdown-toggle.region-specific.display-ccmnet {
    display: block !important;
  }
  .campus-champions .navbar-nav .dropdown .dropdown-toggle.region-specific.display-campus-champions {
    display: block !important;
  }
  .careers-cyberteam .navbar-nav .dropdown .dropdown-toggle.region-specific.display-careers {
    display: block !important;
  }
  .northeast-cyberteam .navbar-nav .dropdown .dropdown-toggle.region-specific.display-northeast {
    display: block !important;
  }
  .coco .navbar-nav .dropdown .dropdown-toggle.region-specific.display-coco {
    display: block !important;
  }
  .pa-science .navbar-nav .dropdown .dropdown-toggle.region-specific.display-pa-science {
    display: block !important;
  }

  /* Hide region-specific dropdown menus by default on mobile */
  .navbar-nav .dropdown .dropdown-toggle.region-specific + .dropdown-menu {
    display: none !important;
  }

  /* Show region-specific dropdown menus only on their designated domains */
  .ccmnet .navbar-nav .dropdown .dropdown-toggle.region-specific.display-ccmnet + .dropdown-menu {
    display: block !important;
  }
  .campus-champions .navbar-nav .dropdown .dropdown-toggle.region-specific.display-campus-champions + .dropdown-menu {
    display: block !important;
  }
  .careers-cyberteam .navbar-nav .dropdown .dropdown-toggle.region-specific.display-careers + .dropdown-menu {
    display: block !important;
  }
  .northeast-cyberteam .navbar-nav .dropdown .dropdown-toggle.region-specific.display-northeast + .dropdown-menu {
    display: block !important;
  }
  .coco .navbar-nav .dropdown .dropdown-toggle.region-specific.display-coco + .dropdown-menu {
    display: block !important;
  }
  .pa-science .navbar-nav .dropdown .dropdown-toggle.region-specific.display-pa-science + .dropdown-menu {
    display: block !important;
  }
  #secondaryNav.navbar li.nav-item a.nav-link {
    padding: 0px 15px !important;
  }
  #secondaryNav .navbar, #secondaryNav .navbar-nav {
    background-color: var(--secondary-navbar-background) !important;
  }
  #secondaryNav a.dropdown-item {
    color: var(--secondary-navbar-link) !important;
    font-size: 0.85em !important;
    padding: 8px 25px !important;
  }
  #secondaryNav a.dropdown-item:hover {
    color: var(--secondary-navbar-link-hover) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  /* Align secondaryNavbarResponsive items to the right on mobile */
  #secondaryNavbarResponsive {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 575.98px) {
  .navbar-brand { margin-right: -7rem; }
  .navbar-brand .logo {
    width: auto !important;
    max-width: 240px !important;
  }
  .ccmnet #mainNav .navbar-brand .logo {
    width: auto !important;
    max-width: auto !important;
    height: 55px;
  }
  .ccmnet .nsf-logo img {
    width: auto;
    height: 55px;
  }
}
#secondaryNavbarResponsive {
  display: flex;
  align-items: center;
}
/* search */
#secondaryNavbarResponsive #search-block-form .form-group {
  margin-right: 12px;
  margin-bottom: 0;
}
#secondaryNavbarResponsive #search-block-form .form-submit {
  display: none;
}
#secondaryNavbarResponsive #search-block-form .form-search {
  font-size: 0.8rem;
}
#search {
  width: initial;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
#search:focus {
  width: 400px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}

/* header - banner images, carousel */
header.masthead {
  background: no-repeat center center;
  background-color: var(--charcoal);
  background-attachment: scroll;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
header.masthead .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--charcoal);
  opacity: 0.5;
}
header.masthead .page-heading,
header.masthead .site-heading {
  padding: 50px 0;
  color: var(--light-text);
}
@media only screen and (min-width: 768px) {
  header.masthead .page-heading,
  header.masthead .site-heading {
    padding: 50px 0;
  }
}
header.masthead .page-heading,
header.masthead .site-heading {
  text-align: center;
}
.ccmnet header.masthead .page-heading,
.ccmnet header.masthead .site-heading {
  text-align: left;
}
header.masthead .page-heading h1,
header.masthead .site-heading h1 {
  font-size: 50px;
  margin-top: 0;
}
header.masthead .page-heading .subheading,
header.masthead .site-heading .subheading {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  display: block;
  margin: 10px 0 0;
  font-family: 'museo-sans', sans-serif;
}
@media only screen and (min-width: 768px) {
  header.masthead .page-heading h1,
  header.masthead .site-heading h1 {
    font-size: 80px;
  }
}
header.masthead .site-heading .btn {
  background-color: var(--navbar-link);
  border-color: var(--navbar-link);
  padding: 10px 24px;
  border-radius: 40px;
}

.ccmnet header.masthead .site-heading .btn {
  background-color: var(--ccmnet-red);
  border-color: var(--ccmnet-red);
  padding: 10px 24px;
  border-radius: 20px;
}
.ccmnet header.masthead .site-heading .btn:hover {
  color: var(--ccmnet-red);
  border-color: var(--ccmnet-red) !important;
}
.ccmnet .btn.bg-red:hover {
  color: var(--ccmnet-red) !important;
  border-color: var(--ccmnet-red) !important;
  background: white;
  text-decoration: none;
}
.ccmnet .btn.bg-ccmnet-lightblue:hover {
  color: var(--ccmnet-lightblue) !important;
  border-color: var(--ccmnet-lightblue) !important;
  background: white !important;
  text-decoration: none;
}

/* form overrides */
#edit-tags .form-group { margin-bottom: auto !important; }
.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #dee2e6;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  padding: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
  font-family: 'museo-sans', sans-serif;
}
.floating-label-form-group input::-webkit-input-placeholder,
.floating-label-form-group textarea::-webkit-input-placeholder {
  color: #868e96;
  font-family: 'museo-sans', sans-serif;
}
.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}
.floating-label-form-group .help-block { margin: 15px 0; }
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label { color: var(--primary); }
form .form-group:first-child .floating-label-form-group { border-top: 1px solid #e6e7e8; }

form label:not(.option),
form summary,
form .fieldset-legend {
  font-weight: 600;
}
.form-check label {
  margin: 0 0 0 5px;
}
.form-submit {
  margin-bottom: 0;
}
/* card overrides */
.card-header .fa {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
  transform: rotate(90deg);
}
.path-taxonomy {
  .card, .layout {
    border: none;
    h2, h6 {
      font-size: 1em;
      background-color: var(--purple);
      color: var(--light-text);
      padding: .5em;
    }
    .layout__region--second {
      padding-left: 1.5em;
    }
    .card-body {
      padding: 0;
    }
  }
  .table thead th {
    border: none;
  }
}
.img-row .card-img-top {
  width:100%;
  height:12vw;
  object-fit: contain;
}
@media screen and (max-width: 767.98px) {
  .img-row .card-img-top {
    width:100%;
    height:40vw;
    object-fit: contain;
  }
}
.card small { font-size: 0.8rem; }
p.card-text { margin-top: 0; }
.row.projects .card-img-overlay {
  overflow: hidden;
  background-color: rgba(0,0,0,0);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.row.projects .card-img-overlay > * {
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.row.projects .card:hover .card-img-overlay > * { opacity: 1; }
.row.projects .card:hover .card-img-overlay { display: initial !important; background-color: rgba(0,0,0,0.4) !important; }
.rotate-on-hover {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.rotate-on-hover:hover {
  transform: rotate(-1deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.sidebar-ul { margin-bottom: 0px; }
.sidebar-ul > li {
  font-size: 1em;
  padding-bottom: 2px;
}
.sidebar-ul > li > a {
  color: var(--light-text);
  cursor: pointer;
  transition: all 0.25s;
}
.sidebar-ul > li > a:hover {
  color: var(--primary);
}
.sidebar-ul .bi-bug {
  font-size: 1.05em !important;
}

/* footer */
footer p { margin: 10px 0; }
.ccmnet footer p { margin: 0; }
footer .list-inline {
  margin: 0;
  padding: 0;
}
.footer .copyright {
  font-size: 14px !important;
  margin-bottom: 0;
  text-align: center;
}
.footer a { color: var(--ccmnet-lightblue); }
.footer .copyright a { color: var(--footer-link); }
.footer .copyright a:hover { color: var(--footer-link-hover); }
.footer {
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--footer-text);
}
.ccmnet .footer a {
  color: var(--white);
  text-decoration: underline;
}
.footer h4 {
  font-weight: 600;
  margin-top: 10px;
  font-family: 'museo-sans', sans-serif;
}
.footer-main { background: var(--charcoal); }
.footer-sub {
  padding-top: 25px;
  padding-bottom: 20px;
  text-align: center;
  background-color: var(--text);
  margin-top: -1px;
}
.ccmnet .footer-sub {
  background: var(--ccmnet-navy);
}
.footer-sub p { font-size: 13px !important; }
.footer-sub a { transition: all 0.25s; }
.footer-sub a:hover { color: var(--footer-link-hover) !important; }
.footer-main > div.row,
.footer-sub > div.row {
  max-width: 1200px;
  margin: 0 auto;
}
ul.footer-links { list-style: none; }
ul.footer-links li { padding-bottom: 5px; }
ul.footer-links li * {
  color: var(--footer-text);
  text-decoration: none;
  transition: all 0.25s;
}
ul.footer-links li:hover * { color: var(--footer-link-hover); }
.footer-socialmedia { padding-left: 5px; }
.footer-socialmedia i {
  padding-right: 5px;
  font-size: 30px;
  transition: all 0.25s;
  color: var(--footer-text);
}
.footer-socialmedia i:hover { color: var(--footer-link-hover); }
.list-group > .list-group-item > .bi-chevron-right { float: right; }
.footer-main {
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
@media screen and (max-width: 767.98px) {
  .footer-main {
    background-size: 768px;
    background-position: left bottom;
  }
}

/* front flex */
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: nowrap;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 2px 8px #999999;
  margin-bottom: 25px;
  flex-shrink: 0;
}
.flex-image { flex-shrink: 0; }
.flex-image img {
  border-radius: 4px 0px 0px 4px;
  width: 140px;
  height: 140px;
  object-fit: cover;
  object-position: left;
  cursor: pointer;
}
.flex-image img:hover {
  transition: opacity 1s;
  opacity: 0.6;
}
.flex-preview {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.flex-content {
  height: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flex-content h5 {
  margin-top: 10px;
  font-size: 1.2em;
}
.flex-content p {
  text-overflow: ellipsis;
  font-size: 0.9em;
}
.flex-data {
  margin-top: 10px;
  color: gray;
  font-size: 0.8rem;
  align-self: flex-end;
}
@media screen and (max-width: 575.98px) {
  .flex-container {
    flex-direction: column;
    width: 100%;
  }
  .flex-image img {
    border-radius: 4px 4px 0px 0px;
    max-width: 100%;
    width: 100% !important;
    height: auto;
    object-fit: cover;
    text-align: center;
  }
  .flex-data {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
    display: block;
  }
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item  {
    margin-right: initial !important;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
#edit-region--wrapper > div {
  float: left !important;
  margin-right: 1.5rem!important;
}

form[id="views-exposed-form-organization-organizations"] .form-checkbox,
form[id^="views-exposed-form-people"] .form-checkbox,
form[id^="views-exposed-form-resources"] .form-checkbox {
  display: none;
}

form[id="views-exposed-form-organization-organizations"] label.option {
  background-color: lavender;
  color: #1E1E99;
  padding: 5px 10px;
  border-radius: 12px;
  font-size: 1.0rem;
}
.coco form[id="views-exposed-form-organization-organizations"] label.option {
  background-color: #781346;
  color: #ffffff;
}
form[id^="views-exposed-form-people"] label.option,
form[id^="views-exposed-form-resources"] label.option {
  font-size: 10px;
  font-weight: 700;
  padding: 5px 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  font-family: 'museo-sans',sans-serif;
  margin-bottom: 10px;
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--light-text);
}

form[id="views-exposed-form-organization-organizations"] label:hover,
form[id="views-exposed-form-organization-organizations"] label:focus,
form[id="views-exposed-form-organization-organizations"] label:active {
  color: var(--light-text);
  background-color: var(--primary-hover);
  cursor: pointer;
}

form[id^="views-exposed-form-people"] label:hover,
form[id^="views-exposed-form-people"] label:focus,
form[id^="views-exposed-form-people"] label:active,
form[id^="views-exposed-form-resources"] label:hover,
form[id^="views-exposed-form-resources"] label:focus,
form[id^="views-exposed-form-resources"] label:active {
  color: var(--light-text);
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  cursor: pointer;
}

form[id="views-exposed-form-organization-organizations"] input:checked + label {
  color: lavender;
  background-color: #1E1E99;
}

form[id^="views-exposed-form-people"] input:checked + label,
form[id^="views-exposed-form-resources"] input:checked + label {
  color: var(--light-text);
  background-color: var(--text);
  border-color: var(--text);
}

.form-required:after {
  content: " *";
  font-weight: bolder;
  font-size: 0.65rem;
  color: #E31837;
  vertical-align: super;
}

li.nav-item[domain] { display: none; }
li.nav-item[domain~="all"] { display: initial !important; }
.careers-cyberteam li.nav-item[domain~="careers-cyberteam"] { display: initial !important; }
.great-plains-cyberteam li.nav-item[domain~="great-plains-cyberteam"] { display: initial !important; }
.kentucky-cyberteam li.nav-item[domain~="kentucky-cyberteam"] { display: initial !important; }
.mines-cyberteam li.nav-item[domain~="mines-cyberteam"] { display: initial !important; }
.northeast-cyberteam li.nav-item[domain~="northeast-cyberteam"] { display: initial !important; }

a.map-careers { fill: #0f4d92; }
a.map-great-plains { fill: #A0AF32; }
a.map-kentucky { fill: #0033a0; }
a.map-mines { fill: #92A2BD; }
a.map-northeast { fill: #8473d2; }
a[class^="map-"]:hover { fill: var(--default-hover); }

.toolbar-tab a { color: #fff !important; }
.toolbar-tray a { color: #000 !important; }

.above-stretched-link { z-index: 1; position: relative; }

/* Additional styling */
.cc-heading {
  color: #4C7C6C;
}
.cc-title {
  text-transform: uppercase;
}
.cc-title span {
  display: none;
}
.block-views-blocknode-add-tags-block-3.sticky-top {
  z-index: 0;
}
table.sticky-header th {
  padding: 0.75rem;
}
/* pagination */
.pager {
  width: 100%;
}
.pager__items {
  margin: auto;
  width: max-content;
}
.pager__item {
  display: inline-block;
  margin: 0 5px;
}
.fixed-width-150 {
  display: block;
  width: 150px !important;
}
.fixed-width-200 {
  width: 200px;
  display: block;
  width: 200px !important;
}

@media screen and (max-width:575.98px) {
  .views-exposed-form {
    margin-left: 20px;
  }
}
/* card view styles */
.card-image > img {
  object-fit: contain;
  max-width: 100%;
  height: 100px;
}
.label {
  opacity: 0.8;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.coco #edit-card-filter--2 ul {
  padding-left: 0;
}
.coco #edit-card-filter--2 li {
  list-style: none;
  display: inline-block;
  margin-right: 8px;
}
.type-outline > a, .coco #edit-card-filter--2 a {
  background-color: lavender;
  color: #1e1e99;
  padding: 3px 6px;
  border-radius: 12px;
  font-size: 0.8rem;
}
.tag-outline > a {
  background-color: aliceblue;
  padding: 3px 6px;
  border-radius: 12px;
  font-size: 0.8rem;
}
.coco .type-outline > a, .coco #edit-card-filter--2 a {
  background-color: #781346;
  color: #ffffff;
}
.coco #edit-card-filter--2 a.bef-link--selected {
  background-color: var(--primary);

}
/* AMP styles */
#amp-logo-text {
  font-family : Montserrat;
  font-size : 48px;
  color : #000000;
}
#amp-tagline {
  font-family : Montserrat;
  font-size : 18px;
  font-weight: 600;
  color : #000000;
}
.amp-masthead-gradient {
  padding: 75px 30px;
  background : -moz-linear-gradient(20.01% -100.13% -45deg,rgba(98, 164, 158, 1) 0%,rgba(62, 118, 130, 1) 31.24%,rgba(31, 90, 91, 1) 68.56%,rgba(17, 62, 63, 1) 100%);
  background : -webkit-linear-gradient(-45deg, rgba(98, 164, 158, 1) 0%, rgba(62, 118, 130, 1) 31.24%, rgba(31, 90, 91, 1) 68.56%, rgba(17, 62, 63, 1) 100%);
  background : -webkit-gradient(linear,20.01% -100.13% ,79.99% 200.13% ,color-stop(0,rgba(98, 164, 158, 1) ),color-stop(0.3124,rgba(62, 118, 130, 1) ),color-stop(0.6856,rgba(31, 90, 91, 1) ),color-stop(1,rgba(17, 62, 63, 1) ));
  background : -o-linear-gradient(-45deg, rgba(98, 164, 158, 1) 0%, rgba(62, 118, 130, 1) 31.24%, rgba(31, 90, 91, 1) 68.56%, rgba(17, 62, 63, 1) 100%);
  background : -ms-linear-gradient(-45deg, rgba(98, 164, 158, 1) 0%, rgba(62, 118, 130, 1) 31.24%, rgba(31, 90, 91, 1) 68.56%, rgba(17, 62, 63, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#62A49E', endColorstr='#113E3F' ,GradientType=0)";
  background : linear-gradient(135deg, rgba(98, 164, 158, 1) 0%, rgba(62, 118, 130, 1) 31.24%, rgba(31, 90, 91, 1) 68.56%, rgba(17, 62, 63, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62A49E',endColorstr='#113E3F' , GradientType=1);

  padding: 75px 0px;
  background-image: url('../img/globe.png'), linear-gradient(135deg, rgba(98, 164, 158, 1) 0%, rgba(62, 118, 130, 1) 31.24%, rgba(31, 90, 91, 1) 68.56%, rgba(17, 62, 63, 1) 100%);
  background-repeat: no-repeat;
  background-position: 100%;
  background-blend-mode: soft-light;
}
.amp-masthead-gradient .site-heading h1 {
  font-family : Montserrat;
  font-size : 3rem;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
  text-align: center;
  text-shadow: 2px 2px 6px #000000;
}
.amp-masthead-gradient .subtitle {
  margin-top: 12px;
  font-size: 1.8rem;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  text-shadow: 2px 2px 6px #000000;
}
#emailListModal .modal-title, #emailListModal .modal-body, #contactUsModal .modal-title, #contactUsModal .modal-body {
  color: #000000;
  text-transform: none;
}
#emailListModal .webform-button--submit, #contactUsModal .webform-button--submit {
  background : #00B9F7;
  background : rgba(0, 185, 247, 1);
  border-color: rgba(220, 236, 244, 1);
  border-radius : 12px;
  -moz-border-radius : 12px;
  -webkit-border-radius : 12px;
}
#emailListModal .webform-button--submit:hover, #contactUsModal .webform-button--submit:hover {
  background-color: rgb(25, 23, 119) !important;
}
.amp.footer-sub {
  font-family: Montserrat;
  background-color: var(--tier1);
}
.footer .amp h2 {
    text-transform: none;
}
.ellipsis a {
  display: block;
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .ellipsis a {
    max-width: 150px;
  }
}
@media only screen and (min-width: 992px) {
  .ellipsis a {
    max-width: 245px;
  }
}
.anonymous-hidden {
  display:none;
}
.logged_in .logged-in-inline {
  display: inline;
}

#block-views-block-affinity-group-group-2 .btn {
  margin-bottom: 0;
  width: fit-content;
}
#block-views-block-affinity-group-group-2 .affinity-group-flag.btn {
  padding: 0;
}
.bg-orange {
  background-color: var(--navbar-link);
}
.affinity-group-flag.btn-outline-secondary {
  border: 0;
  padding: 0;
}
.page-affinity-groups .views-field-nothing .text-dark-teal a,
.page-knowledge-base-ci-links .list-image-link a {
  color: var(--selected-tag);
  font-size: 1.25rem;
  font-weight: 700;
}
.ccmnet .masthead h2 {
  margin-left: 0 !important;
  padding: 50px;
  max-width: 720px;
  background-color: var(--ccmnet-hero);
  font-size: 2rem;
  line-height: 1.4;
  color: #ffffff;
}
.ccmnet .footer .ccmnet-footer-copy {
  text-transform: none;
}
.ccmnet .footer .modal {
  text-transform: none;
  color: #000000;
}
.ccmnet .btn-rounded {
  border-radius: 30px;
}
.ccmnet .bg-ccmnet-lightblue #emailListModal .webform-button--submit,
.ccmnet #webform-submission-ccmnet-mentors-contact-node-434-add-form .webform-button--submit,
.ccmnet .bg-ccmnet-lightblue #contactUsModal .webform-button--submit,
.ccmnet .bg-ccmnet-lightblue #joinModal .webform-button--submit {
  background: var(--ccmnet-lightblue);
  border-radius: 30px;
}

.ccmnet .bg-ccmnet-lightblue #emailListModal .webform-button--submit:hover,
.ccmnet #webform-submission-ccmnet-mentors-contact-node-434-add-form .webform-button--submit:hover,
.ccmnet .bg-ccmnet-lightblue #contactUsModal .webform-button--submit:hover,
.ccmnet .bg-ccmnet-lightblue #joinModal .webform-button--submit:hover {
  background-color: var(--ccmnet-navy) !important;
}
.ccmnet .bg-ccmnet-lightblue #joinModal .description {
  margin-bottom: 12px;
}

.ccmnet .rounded-light-bg {
  background: var(--ccmnet-lighterblue);
  border-radius: 20px;
}
.ccmnet .bg-lighterblue {
  background: var(--ccmnet-lighterblue);
}

.ccmnet img {
  max-width: 100%;
}
.ccmnet .layout__region--first img {
  height: auto;
}
.ccmnet .next-steps img {
  max-width: 120px;
}
.ccmnet .next-steps .rounded {
  border-radius: 1rem !important;
}
.ccmnet .guided-callout.rounded {
  border-radius: 1rem !important;
}
.ccmnet .next-steps .border {
  border-width: 3px !important;
}
@media only screen and (max-width: 480px) {
  .ccmnet .masthead h2 {
    padding: 20px;
    font-size: 28px;
  }
}
.ccmnet .faq .icons {
  margin-left: auto;
  margin-right: 10%;
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .ccmnet .faq .icons {
    margin-right: 0;
  }
}

.ccmnet .faq .bi {
  width: 18px;
  font-size: 16px;
  border-radius: 50%;
  padding: 6px;
  color: var(--ccmnet-navy);
  border: 2px solid var(--ccmnet-navy);
  transition: 0.25s;
}

.ccmnet .faq .icons {
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .ccmnet .faq .icons {
    margin-right: 0px;
  }
}

.ccmnet .q:hover .bi {
  color: #ffffff;
  background-color: var(--ccmnet-navy);
}
.ccmnet .q:hover .bi {
  background-color: white;
  color: var(--ccmnet-lightblue);
}

.ccmnet .q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  border-top: 1px solid var(--ccmnet-lightblue);
  padding-top: 12px;
  margin-bottom: 12px;
}

.ccmnet .q:first-of-type {
  border-width: 0;
}

.ccmnet .q .bi {
  display: inline-block;
  transition: transform 0.3s;
}
.ccmnet .q.collapsed .bi {
  transform: rotate(180deg);
}
.ccmnet .search-ci-links .bi {
  transition: 0.3s;
}
.ccmnet .search-ci-links details[open] .bi,
.ccmnet details[open].search-ci-links > summary .bi {
  transform: rotate(180deg);
}

.ccmnet a:hover {
  text-decoration: underline;
}

.ccmnet .square-tags div {
  display: flex;
  flex-wrap: wrap;
}
.ccmnet .mentorship_attrib_section {
    border: 1px solid var(--ccmnet-lightblue);
    border-radius: 20px;
    padding: 20px;
    margin: 20px 0px;
  }
.ccmnet .page-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.ccmnet .mentorship-person {
  font-size: 16px;
  margin-bottom: 2rem;
}

.ccmnet .mentorship-person-picture img {
  height: 100px;
  width: 90px;
  object-fit: cover;
}

.bg-ccmnet-navy {
  background-color: var(--ccmnet-navy);
}

.ccmnet .bg-ccmnet-lightblue {
  background-color: var(--ccmnet-lightblue);
}

.add-interest-list li,
.add-skill-list li {
  display: inline-block;
  margin: 0;
  list-style: none;
}

.add-interest-list .view,
.add-skill-list .view {
  margin-top: 0;
}

.flag-element-name {
  cursor: pointer;
}

.glossary-term {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  color: #781346;
}

.region-content .node--type-affinity-group .view {
  margin-top: 1rem;
}

.affinity-group-buttons {
  align-items: center;
}

.affinity-group-flag {
  padding: 0 !important;
}

.affinity-group-flag a {
  padding: 15px 25px !important;
  margin: 0;
}

.coco .user-profile-projects {
  display: none;
}

/* card accordion */

.accordion {
  margin-bottom: 16px;
}
/* act like h3 for generated block title */
.accordion h2 {
  font-size: 1.2rem;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
.accordion-header {
  padding: 7px 0px 0px 0px;
}
.accordion-item {
  margin-bottom: 8px;
  border-radius: 0px;
}
.accordion-btn {
  color: var(--primary);
  margin-bottom: 0px;
  border: none;
}
.accordion-btn:hover, .accordion-btn:active, .accordion-btn:focus  {
  color: var(--primary-hover);
  box-shadow: none;
}

.cssn-directory-item ul {
  list-style: none;
  padding: 0;
}

.cssn-directory-item li {
  display: inline-block;
}

#mentor-slider .square-tags a:nth-of-type(1n+5),
.cssn-directory-item li:nth-of-type(1n+6) {
  display: none;
}

#block-nect-exposedformcssn-directorypage-1-2 .form-item-search-api-fulltext,
#block-nect-exposedformcssn-directorypage-1 .form-item-items-per-page{
  display: none;
}

.cssn-photo img {
  height: 100px;
  width: 90px;
  object-fit: cover;
}

.square-tags a,
details.tags .tags-select,
.tags-select a,
.hover--border-dark-teal {
  display: inline-block;
  border: 1px solid var(--text) !important;
  margin: 2px;
  padding: 2px 5px;
  color: var(--text) !important;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
}

.add-interest-list .bg-dark-teal {
  color: #fff !important;
}

.add-skill-list .d-inline-flex {
  font-size: 14px;
}

.square-tags a:hover, details.tags .tags-select:hover, .tags-select a:hover, .hover--border-dark-teal:hover {
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
  text-decoration: none !important;
}
.hover--border-dark-teal.text-white {
  color: #fff !important;
}
.square-tags ul {
  margin-bottom: 0;
}

.ci-links table {
  table-layout: fixed;
}
@media only screen and (max-width: 991.98px) {
  .ci-links table{
    width: auto;
  }
}
.ci-links table th[id^="view-webform-submission-value-5-table-column"] {
  width: 20%;
  min-width: 200px;
}
.ci-links table th[id^="view-webform-submission-value-1-table-column"] {
  width: 25%;
  min-width: 200px;
}
.ci-links table th[id^="view-webform-submission-value-8-table-column"] {
  width: 25%;
}
.ci-links .skill-level, .ci-links th[id^="view-webform-submission-value-3-table-column"] {
  text-align: center;
}

.fs-1 {
  font-size: 2.5rem !important
}

.\[\&\_div\]--flex div {
  display: flex;
}

.\[\&\_div\]--flex-wrap div {
  flex-wrap: wrap;
}

/* people card views */
.people {
  display: flex;
  flex-wrap: wrap;
}
.people {
  header, footer {
    width: 100%;
    padding-bottom: 0;
  }
}
.people .p-4 {
  padding: 0.5rem !important;
}
.people .me-3 {
  margin-right: 0.25rem;
}
.people .views-row > .views-field {
  border: 1px solid var(--secondary);
  padding: 12px;
}
.people .mb-5 {
  margin-bottom: 12px !important;
}
.people .my-3 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.people h4 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 4px !important;
}
.people .ms-3 {
  margin-left: auto;
}
.square-tags .d-inline-flex {
  padding-right: 0px !important;
}
.people nav {
  width: 100%;
}
.people nav ul li {
  display: inline;
}
.square-tags.views-field {
  display: flex;
  flex-wrap: wrap;
}
.square-tags.views-field .m-2 {
  margin: 0 0.25rem 0.25rem 0 !important;
}

.block-facet--checkbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.facet-item {
  display: flex;
  align-items: start;
}

.block-facet--checkbox ul input {
  margin: 7px 6px
}

.font-bold {
  font-weight: 700;
}

.views-element-container .details-wrap {
  position: relative;
}

.views-element-container details {
  margin: 1rem 0;
}

.views-element-container summary {
  display: flex;
  align-items: center;
  background: var(--light);
}

.ccmnet .views-element-container summary {
  background: none;
  padding: 0.5rem !important;
}
.ccmnet .views-element-container summary + div.grid {
  padding-top: 0 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.ccmnet .views-element-container details ul {
  margin-bottom: 8px !important;
}
.ccmnet .views-element-container summary + div.grid .square-tags {
  margin-top: 8px;
}
.ccmnet .views-element-container details {
  border-top: 1px solid var(--ccmnet-lightblue);
  margin: 0px;
}
.ccmnet details summary::-webkit-details-marker {
  display:none;
}
.ccmnet .views-element-container details .grid .md--col-span-1 {
  background-color: var(--ccmnet-lighterblue);
  padding: 1rem;
}
.ccmnet .views-element-container .details-wrap .default-message {
  font-size: 14px;
  display: block;
  line-height: 18px;
  background: #fff;
  padding: 0.25rem;
  border: 1px solid var(--ccmnet-lighterblue);
  border-radius: 8px;
}
.ccmnet .views-element-container .details-wrap .default-message:hover {
  background: var(--ccmnet-navy);
  color: white !important;
}
.ccmnet.page-knowledge-base-ci-links-mentorship .views-element-container {
  border-bottom: 1px solid var(--ccmnet-lightblue);
}
.ccmnet.page-knowledge-base-ci-links-mentorship .views-element-container .flag-upvote a {
  color: var(--dark-teal);
}

.views-element-container .grid .bg-light-teal {
  background: var(--light);
}

.views-element-container .grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .views-element-container .col-span-5 {
    grid-column: span 5;
  }
}
@media only screen and (min-width: 769px) {
  .views-element-container .md--col-span-4 {
    grid-column: span 4;
  }
}
.views-element-container .linkcount {
  margin-left: auto;
  border-radius: 9999px;
}

.views-element-container details {
  background: var(--light-text);
}

.views-element-container details summary {
  padding: 0 1rem;
}

.views-element-container details ul {
  list-style: none;
  padding: 0;
  margin: .5rem 0 0 0;
}

button.copyclip {
  background: var(--light);
  position: absolute;
  z-index: 10;
  right: 7rem;
  top: 0.5rem;
  border-width: 0;
}
.ccmnet button.copyclip {
  background: none;
  transition: 0.2s;
}
button.copyclip:has(+ details.search-ci-links summary) {
  visibility: hidden;
  opacity: 0;
}

button.copyclip:has(:hover, + details.search-ci-links summary:hover) {
  visibility: visible;
  opacity: 1;
  transition-delay:1s;
}

#block-nect-cilinkintroblock .p-5 {
  padding: 15px 15px 0 15px !important;
}

.rounded-bottom-left {
  border-bottom-left-radius: 0.8rem;
}

.rounded-full {
  border-radius: 50%;
}

.bg-red {
  background-color: var(--ccmnet-var-red);
}

.bg-teal {
  background-color: var(--teal);
}

.bg-purple {
  background-color: var(--purple);
}

.border-purple {
  border-color: var(--purple);
}

.border-ccmnet-blue {
  border-color: var(--ccmnet-blue-rollover) !important;
}

.hover--border-ccmnet-blue:hover {
  border-color: var(--ccmnet-blue) !important;
}

.ccmnet-link a {
  color: var(--text) !important;
}

.ccmnet-link a:hover {
  color: var(--ccmnet-blue-rollover) !important;
}

.text-purple {
  color: var(--purple) !important;
}

.hover--ccmnet-blue:hover {
  color: var(--ccmnet-blue) !important;
}

.ccmnet #secondaryNav.navbar {
  background-color: var(--ccmnet-navy) !important;
  z-index: 100;
}

.ccmnet #secondaryNav.navbar .ccmnet-tagline {
  color: white;
}
@media screen and (max-width: 768px) {
  .ccmnet #secondaryNav.navbar .ccmnet-tagline {
    display: none;
  }
.ccmnet #secondaryNavbarResponsive {
  width: 100%;
}
}
.ccmnet .navbar li.nav-item a.nav-link, .ccmnet .navbar li.nav-item span.nav-link {
  font-size: 18px;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
}

.ccmnet #mainNav .logo {
  height: 82px;
  width: auto;
  border-left: 1px solid #333;
  margin-left: 15px;
  padding-left: 10px;
}

#ccmnet-page-title {
  position: relative;
  background-color: var(--ccmnet-lightblue);
  color: var(--white);
  padding: 1rem;

}
#ccmnet-page-title h1 {
  margin-bottom: 0;
}

.ccmnet-page-title-bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background-color: var(--ccmnet-purple);
}
.ccmnet-page-title-bg-1::after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 48px;
  background-image: url('../img/title-bar-curve.gif');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--ccmnet-lightblue);
}
.ccmnet-subtitle {
  color: var(--ccmnet-purple);
}
@media screen and (min-width: 769px) {
  .ccmnet-page-title-bg-2 {
    position: absolute;
    top: 67%;
    right: 20%;
    width: 120px;
    height: 120px;
    background-image: url('../img/header-people.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.ccmnet .border-md-teal .bg-md-teal {
  background-color: var(--ccmnet-purple) !important;
}
.ccmnet .carousel-item p.text-small {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.corner-triangle {
  aspect-ratio: 1;
  clip-path: polygon(0 100%,100% 0,100% 100%);
  height: 75px;
  display: block;
  padding: 3.2rem 0 0 2.2rem;
  width: 85px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
}

.corner-triangle:hover {
  background-color: var(--ccmnet-blue-rollover);
}

.logged_in.page-user-register-ccmnet .primary-tabs {
  display: none;
}

.field-group-fieldset {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #cccccc;
  border-radius: 0.25rem;
}

/* Improve accordion styling for field group details */
.field-group-details {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  background-color: #f8f9fa;
}

.field-group-details summary {
  padding: 1rem;
  background-color: #e9ecef;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.1rem;
  position: relative;
}

.field-group-details summary:hover {
  background-color: #dee2e6;
}


/* Add padding to the content area */
.field-group-details > .fieldset-wrapper,
.field-group-details > div:not(summary) {
  padding: 1rem;
}

/* Style nested fieldsets within the accordion */
.field-group-details .field-group-fieldset {
  margin: 1.5rem 1rem;
  padding: 1rem;
}

.top-80 {
  top: 80px;
}

.w-32 {
  width: 32%;
}

.w-6 {
  width: 1.5rem;
}

.h-6 {
  height: 1.5rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.p-0 {
  padding: 0;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.border-orange-hover:hover {
  border-color: var(--orange) !important;
}

.text-orange {
  color: var(--orange) !important;
}

.text-dark-teal {
  color: var(--dark-teal) !important;
}

.text-orange a:hover {
  border-color: var(--dark-teal) !important;
}

.border-dark-teal {
  border-color: var(--dark-teal) !important;
}

.border-blue {
  border-color: var(--ccmnet-blue) !important;
}

.border-light-blue {
  border-color: var(--ccmnet-lightishblue) !important;
}
.hover--bg-light-blue:hover {
  background-color: var(--ccmnet-lighterblue) !important;
}

.border-3 {
  border-width:3px !important;
}

.h-100 {
  height: 100%;
}

.ontop-links a {
  z-index: 10;
  position: relative;
}

.nect-cc-people .square-tags a:nth-of-type(1n+5) {
  display: none;
}

#block-nect-exposedformccmnet-memberspage-1 .form-item-items-per-page,
#block-nect-exposedformccmnet-memberspage-1-2 .form-item-search-api-fulltext {
  display: none;
}
.cssn-photo {
  margin-bottom: 10px;
}
.cssn-directory-item .text-sm {
  line-height: 1;
}
.cssn-directory-item ul {
  display: flex;
  flex-wrap: wrap;
}
.cssn-directory-item li {
  line-height: 1;
  display: flex;
}
.persona > img {
  width: 100%;
  aspect-ratio: .9;
  object-fit: cover;
}
#edit-field-me-looking-for-wrapper {
  margin-bottom: 1rem;
}

#edit-field-me-looking-for .form-group {
  margin-bottom: 0;
}
#edit-field-suggest {
  margin: 0 !important;
  padding: 0 !important;
}
#field-tags-replace {
  margin-bottom: 1rem;
}
#tag-suggestions > div {
  padding: 1rem 0 !important;
  margin: 0 !important;
}
details.tags {
  border: 1px solid #cccccc;
  border-radius: 0.25rem;
  margin-bottom: 1rem !important;
}
details.tags summary {
  padding: 0 10px;
}
details.tags label {
  margin: 0;
}
#field-tags-replace .my-5 {
  margin: 0 !important;
}
#field-tags-replace .p-5 {
  padding: 0 !important;
}
#edit-group-deliverables, #edit-group-goals, #edit-field-mentee-wrapper {
  margin: 1rem 0;
}
.h-325 {
  height: 325px;
}
.full-width-bg {
  margin-left: -50% !important;
  margin-right: -50% !important;
  padding-left: 50% !important;
  padding-right: 50% !important;
}
.text-small a,
.text-small {
  font-size: 0.8rem;
}
.text-large {
  font-size: 1.8em;
  line-height: 1.6em;
}
.list-blue li::marker {
  color: var(--ccmnet-blue);
  font-size: 1.5em;
  line-height: .9em;
}
.page-tags #block-nect-views-block-node-add-tags-block-3 .text-sm {
  line-height: 22px;
}
.page-tags #block-nect-views-block-node-add-tags-block-3 .text-sm a {
  display: inline-block;
  padding: 0 0 8px 0 !important;
}
.page-node-44 .cilogon-auth-login-form, .page-node-44 #block-nect-userlogin, .page-node-44 #block-nect-socialauthgooglelogin {
  width: 480px;
  max-width: 100%;
  padding: 1rem;
  border: 1px solid var(--ccmnet-lightblue);
  border-radius: 20px;
  height: max-content;
  margin: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-node-44 #block-nect-userlogin .card, .page-node-44 #block-nect-socialauthgooglelogin .card {
  max-width: 100% !important;
  border: 0;
  padding: 0;
  margin: 0 !important;
}
.page-node-44 #block-nect-userlogin .card-body {
  padding: 0;
}
.page-node-44 #block-nect-userlogin ul {
  display: none;
}
.simplelists-email {
  max-width: 160px;
}
.simplelists-copyclip {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  margin-left: 12px;
  font-size: 12px;
}

.tooltip-inner {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding: 15px;
  border-radius: 10px;
}

[data-toggle="tooltip"] {
  z-index: 11;
}

.z-10 {
  position: relative;
  z-index: 10;
}

.order-2 #views-exposed-form-cyberteam-people-facets-page-1 {
  margin-top: 2rem;

  .js-form-type-select {
    display: none;
  }
}

.order-1 #views-exposed-form-cyberteam-people-facets-page-1 {
  .js-form-type-textfield {
    display: none;
  }
}
.user-skills a:nth-of-type(1n+6) {
  display: none !important;
}

#cilogon-auth-login-prefix img {
  width: 50px;
  margin: 20px 0;
}

#cilogon-auth-login-suffix {
  margin-top: 15px;
  padding: 0 30px;
  font-size: 0.9rem;
}

#user-login-form .card-body img {
  width: 125px;
  margin: 10px;
}

#user-login-form input {
  max-width: 200px;
  margin: auto;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

form label, .form-item .label, form #tag-suggestions strong {
  font-size: 1.2rem;
  font-weight: 600;
}
form .label-description {
  font-size: 0.8rem;
  font-weight: normal;
  color: var(--text);
}
.form-item {
  margin: 1.5rem 0;
}

#search-block-form .form-item{
  margin: 0;
}

/* Reduce spacing for radio buttons and checkboxes */
.js-form-type-radio.form-item,
.js-form-type-checkbox.form-item {
  margin: 0.5rem 0;
}

.form-item .field-label {
  padding: 0.25rem 0 0.25rem 0;
}

form .table th {
  border-top: none;
}

form #edit-revision-log-wrapper {
  margin: 0 1.5rem;
}

.private {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
}

.private.bg {
  border-left: 50px solid transparent;
  border-top: 50px solid var(--primary);
}
.private.icon {
  top: 0.25rem;
  right: 0.25rem;
  width: 1rem;
  z-index: 1000;
  pointer-events: none;
}

.text-2xl {
  font-size: 1.5rem;
}

span.event-tags {
  font-size: 0.75rem;
}

.hover--underline {
  text-decoration: none;
}
.hover--underline:hover {
  text-decoration: underline;
}

.hover--text-black:hover,
.page-events span.event-tags a:hover,
.page-events-past span.event-tags a:hover {
  color: var(--primary) !important;
}

.hover--border-black:hover,
.page-events span.event-tags a:hover,
.page-events-past span.event-tags a:hover {
  border-color: var(--primary) !important;
}

html:has(#edit-recur-type-wrapper) {
  #edit-field-contact-0-format,
  #edit-field-location-0-format,
  #edit-custom-date-wrapper .tabledrag-toggle-weight-wrapper,
  #edit-custom-date-wrapper thead,
  #edit-custom-date-wrapper .field-multiple-drag,
  #edit-custom-date-wrapper #edit-custom-date-0-actions-delete,
  #edit-custom-date-wrapper #edit-custom-date--description,
  #edit-custom-date-wrapper #edit-custom-date-add-more,
  .form-item--recur-type:has(#edit-recur-type-daily-recurring-date),
  .form-item--recur-type:has(#edit-recur-type-consecutive-recurring-date),
  .form-item-recur-type:has(#edit-recur-type-daily-recurring-date),
  .form-item-recur-type:has(#edit-recur-type-consecutive-recurring-date),
  .form-type-vertical-tabs,
  #included-dates-add-more-wrapper,
  [data-drupal-selector="tabledrag-toggle-weight"],
  table#custom-date-values tr:not(:first-child) {
    display: none;
  }
}

#block-nect-views-block-badges-block-1 img {
  width: 120px;
  height: auto;
  margin: 1.5rem 0 0.75rem 0;
}

.form-item-search-api-fulltext {
  margin: 0 0 1.5rem 0;
}

div:has(.facets-widget-checkbox) h2:not(.md--hidden) {
  font-size: 1.2rem;
}

div .collapsiblockTitle {
  position: relative;

  button {
    background-image: none;
    &:after {
      content: "\f282";
      position: absolute;
      font-family: bootstrap-icons !important;
      color: var(--text);
      top: -5px;
      right: 5px;
      rotate: 180deg;
    }
  }
}

.collapsiblockTitle.collapsiblockTitleCollapsed button:after {
  rotate: 0deg;
}

@media only screen and (max-width: 991.98px) {
  .sidebar:has(.facets-checkbox) {
    border: 3px solid var(--secondary);
    padding: 1rem;
    margin: 1rem !important;

    .views-exposed-form {
      margin: 0;
    }

    button h2 {
      color: var(--text);
    }
  }
}

#user-form #edit-actions {
  margin: 20px 0 50px;
}
@media (min-width: 768px) {
  .layout__region.layout__region--first {
    box-sizing: border-box;
    padding-right: 1.5rem;
  }
}

/* Utility classes */
.overflow-hidden {
  overflow: hidden;
}

/* Form spacing - add whitespace between form and footer */
.node-access-news-form,
.node-access-news-edit-form,
.eventseries-default-add-form,
.eventseries-default-edit-form {
  margin-bottom: 50px;
}

.tabledrag-toggle-weight-wrapper.webform-multiple-tabledrag-toggle-weight {
  display: none;
}

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

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