/* Slide in from left */

/*:not(.content-list-item) .field, */
.callout-text-link-container, .callout-image {
	opacity: 0;
  transform: translateX(-20px);
  transition: all 1s ease-in-out;
}

/*:not(.content-list-item) .field.active, */
.callout-text-link-container.active, .callout-image.active {
	transform: translateX(0);
  opacity: 1;
} 

/* Fade in */
.view-all-container, .block-heading, .content-list-title {
	opacity: 0;
  transition: opacity 1s ease-in-out;
}

.view-all-container.active, .block-heading.active, .content-list-title.active {
	opacity: 1;
}

/* Fade in from bottom */
.content-list-item .field, .content-list-item, .section-vertical-tabs, .block-ps-text:has(.cke-display-xl), .block-ps-links-list {
	opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease-in-out;
}

.content-list-item.active, .content-list-item .field.active, .section-vertical-tabs.active, .block-ps-text:has(.cke-display-xl).active, .block-ps-links-list.active {
	transform: translateY(0);
  opacity: 1;
} 


/* Stop Animations and Opacity changes in Layout Builder view */
#layout-builder {
  .view-all-container, .block-heading, .content-list-title,
  .callout-text-link-container, .callout-image,
  .content-list-item .field, .content-list-item {
    opacity: 1;
    transition: none;
    transform: none;
  }
}

@keyframes wobbleAnimation {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}

:root {
  --color-our-purple: #6F3A94;
  --color-our-purple-light: #A652E0;
  --color-our-blue: #3456a6;
  --color-our-blue-light: #577ADB;
  --color-our-blue-pale: #b7bbdf;
  --color-our-green: #00A650;
  --color-our-teal: #0092a6;
  --color-our-orange: #ee6c23;
  --color-action-70: #ee6c23;
  --color-our-magenta: #ea2875;
  --color-our-gold: #B8860B;
  
  --border-radius-large: 40px;
  --border-radius-medium: 20px;
  --border-radius-small: 10px;
  
  --font-weight-body-medium: 600;
}

#header {
	border: 0;
}

.content-list img {
    border-radius: 10px;
}

.block-ps-events-list .content-list-grid .date-badge {
    background: rgba(190, 129, 232, .5);
    border-radius: 10px;
    padding: .65rem .5rem .5rem;

    .day {
        font-size: 30px;
    }
}

.not-front {
    &.content-type-ps-basic-page {
        .highlighted {
            padding-top: 1.5rem;
            padding-bottom: 1rem;
        }

        .breadcrumb + .highlighted {
            padding-top: 0;
        }

        .field--name-field-ps-lede {
            text-align: center;
            text-wrap: balance;
        }

        .page-title {
            border: none;
        }
    }

    .with-page-title {
        .page-title {
            margin-bottom: 0.5rem;
        }
    }

    .field--name-field-ps-body {
        h2,
        h3,
        h4 {
          margin-bottom: 1rem;
          
          &:not(:first-child) {
        	  margin-top: 2rem;
          }
        }

        h2 + h3 {
            margin-top: 1rem!important;
        }
    }

    .with-page-title.with-lede-field .field--name-field-ps-lede {
        margin-bottom: 1.5rem;
    }

    .page-container:has(.with-page-title) .main-container {
        padding-top: 3rem;
    }
    
    div.breadcrumb {
        padding-top: 2.25rem;
    }
}

.not-front .highlighted:has(.page-title-dark-background),
.page-container:has(.with-page-title.page-title-dark-background) div.breadcrumb {
    background: var(--color-our-blue);
}

.not-front .page-container:has(.with-page-title) {
    .highlighted {
        padding: 2.25rem 0 2rem;
    }

    div.breadcrumb + .highlighted {
        padding-top: .5rem;
    }
}

.main-container .field--name-field-ps-body ul > li::marker,
.main-container .field--name-body ul > li::marker {
    color: var(--color-brand-70);
}

.main-container .field--name-field-ps-body ul li,
.main-container .field--name-field-ps-body ol li {
    margin-bottom: .625rem;
}

@media (min-width: 62rem) {
    .main-content.col-lg-10 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .sidebar-second.col-lg-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin-bottom: 2rem;
    }
}

hr {
	  clear: both;
    margin-top: 2rem;
}

table {
    th, td {
      border: 1px solid #D0D0D0;
    }
}

.block.block-ps-accordion-advanced:not(:has(.block-heading)) .toggle-all-button {
  margin-bottom: .5rem;
}

.block-ps-events .content-list-grid .content-list-item-fields {
    .field--name-title {
        margin-bottom: 1rem;
    }

    .field--name-field-ps-events-date,
    .field--name-field-ps-events-location-name {
        position: relative;
        padding-left: 1.8rem;

        &:before {
            content: "";
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 50%;
            position: absolute;
            left: 2px;
            top: 1px;
            width: 18px;
            height: 22px;
        }
    }

    .field--name-field-ps-events-date:before {
    	background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='1200pt' height='1200pt' version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='m1041.6 158.4h-166.8v-48c0-21.602-18-39.602-39.602-39.602-21.602 0-39.602 18-39.602 39.602v48h-390v-48c0-21.602-18-39.602-39.602-39.602s-39.602 18-39.602 39.602v48h-168c-70.797 0-128.4 57.602-128.4 127.2v715.2c0 70.801 57.602 128.4 128.4 128.4h883.2c70.801 0 128.4-57.602 128.4-128.4l0.003906-715.2c0-69.602-57.602-127.2-128.4-127.2zm49.199 842.4c0 26.398-21.602 48-49.199 48h-883.2c-26.398 0-49.199-21.602-49.199-48v-508.8h980.4l0.003906 508.8zm0-589.2h-981.6v-126c0-26.398 21.602-48 49.199-48h166.8v48c0 21.602 18 39.602 39.602 39.602 21.602 0 39.602-18 39.602-39.602v-48h390v48c0 21.602 18 39.602 39.602 39.602 21.602 0 39.602-18 39.602-39.602v-48h166.8c26.398 0 49.199 21.602 49.199 48l-0.003907 126z'/%3E %3Cpath d='m296.4 732h92.398c10.801 0 20.398-9.6016 20.398-20.398v-66c0-10.801-9.6016-20.398-20.398-20.398h-92.398c-10.801 0-20.398 9.6016-20.398 20.398v66c-1.1992 10.797 8.3984 20.398 20.398 20.398z'/%3E %3Cpath d='m554.4 732h92.398c10.801 0 20.398-9.6016 20.398-20.398v-66c0-10.801-9.6016-20.398-20.398-20.398h-92.398c-10.801 0-20.398 9.6016-20.398 20.398v66c-1.1992 10.797 8.3984 20.398 20.398 20.398z'/%3E %3Cpath d='m811.2 732h92.398c10.801 0 20.398-9.6016 20.398-20.398v-66c0-10.801-9.6016-20.398-20.398-20.398h-92.398c-10.801 0-20.398 9.6016-20.398 20.398v66c0 10.797 9.5977 20.398 20.398 20.398z'/%3E %3Cpath d='m296.4 919.2h92.398c10.801 0 20.398-9.6016 20.398-20.398v-66c0-10.801-9.6016-20.398-20.398-20.398h-92.398c-10.801 0-20.398 9.6016-20.398 20.398v66c-1.1992 10.801 8.3984 20.398 20.398 20.398z'/%3E %3Cpath d='m554.4 919.2h92.398c10.801 0 20.398-9.6016 20.398-20.398v-66c0-10.801-9.6016-20.398-20.398-20.398h-92.398c-10.801 0-20.398 9.6016-20.398 20.398v66c-1.1992 10.801 8.3984 20.398 20.398 20.398z'/%3E %3Cpath d='m811.2 919.2h92.398c10.801 0 20.398-9.6016 20.398-20.398v-66c0-10.801-9.6016-20.398-20.398-20.398h-92.398c-10.801 0-20.398 9.6016-20.398 20.398v66c0 10.801 9.5977 20.398 20.398 20.398z'/%3E %3C/svg%3E ");
    }

    .field--name-field-ps-events-location-name {
        margin-top: .5rem;

        &:before {
            background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='1200pt' height='1200pt' version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='m959.53 391.13c0-128.44-68.531-247.18-179.76-311.39-111.23-64.219-248.29-64.219-359.53 0-111.23 64.219-179.76 182.95-179.76 311.39 2.5312 271.18 259.82 449.29 359.53 654.56 99.797-205.26 357-383.39 359.53-654.56zm-535.6 9.1875h0.046875c0-46.688 18.516-91.406 51.516-124.45 33-33 77.766-51.516 124.45-51.516s91.453 18.516 124.45 51.516 51.562 77.766 51.562 124.45-18.562 91.453-51.516 124.45c-33 33-77.766 51.562-124.45 51.562s-91.453-18.562-124.45-51.562-51.562-77.766-51.562-124.45zm540.84 666.19c0 31.875-38.438 57.469-114.19 76.219-82.266 18.188-166.36 26.812-250.6 25.688-84.281 1.125-168.37-7.5-250.64-25.688-75.797-18.703-114.19-44.344-114.19-76.219 0-34.922 45.609-62.156 135.52-81.047 4.125-0.98438 8.4375-0.23438 12.047 2.0156 3.5625 2.25 6.0938 5.8594 6.9375 10.031 0.89062 4.125 0.046875 8.4844-2.3438 12-2.3438 3.5156-6.0469 5.9062-10.219 6.6562-81.094 17.109-110.58 39.469-110.58 50.344 0 8.1094 18.938 28.078 90.328 45.703v0.046874c79.828 17.578 161.39 25.875 243.14 24.797 81.703 1.0781 163.31-7.2188 243.14-24.797 71.438-17.672 90.328-37.641 90.328-45.703 0-10.922-29.438-33.281-110.58-50.344v-0.046876c-4.1719-0.75-7.875-3.1406-10.219-6.6562-2.3906-3.5156-3.2344-7.875-2.3438-12 0.84375-4.1719 3.375-7.7812 6.9375-10.031 3.6094-2.25 7.9219-3 12.047-2.0156 89.906 18.891 135.52 46.172 135.52 81.047z'/%3E %3C/svg%3E ");
            width: 22px;
            left: 0;
        }

        .field__label {     
            display: none;
        }
    }
}

.view-undergraduateresearch-summer-research-programs .views-exposed-form{
    background-color: var(--color-neutral-5);
    margin: 1rem 0;
    position: relative;
    
    .form--inline {
        display: flex;
    }

    .form-item {
        flex: 1;
        border-right: 2px solid var(--color-white);
        padding: 1rem;
    }

    .form-actions {
        padding: 1rem 1rem 1rem .5rem;
        margin-top: 2em;
    }
    
    label {
    	font-size: 1.25rem;
      font-weight: bold;
    }
}

@media (max-width: 62rem) {
    .layout-block-padding-medium .layout[class*=twocol]:has(.block-overlap) .layout__region--half {
        width: 100%;
        margin-right: 0;
    }
}


#footer,
#footer .subfooter {
    border-width: 0;
}

#footer {
    background: var(--color-neutral-100);
    padding-top: 2.5rem;
    padding-bottom: .85rem;
    font-size: 16px;

    .subfooter {
        padding-top: 1rem;
    }

    h2 {
        font-size: 1.5rem;
    }
}   

.footer {
    .subfooter .row {
        align-items: center;

        .col-md-4 {
            @media (max-width: 40em) {
                margin-top: .5rem;
            }
        }

        p, ul {
            margin-bottom: 0;
        }

        ul li {
           margin-bottom: .5rem;
       }
    }

     .layout--twocol-50-50 {
        border-bottom: 1px solid var(--color-our-magenta);

        .block {
            text-align: center;
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .layout__region--first {
            @media (min-width: 40em) {
                border-right: 1px solid var(--color-our-magenta);
            }
        }

        .layout__region {
            padding-bottom: 1rem;
        }
    }

    .ps-social-links--platforms .fa-2x {
        font-size: 1.5rem;
    }
}


/* Upcoming Funding Deadlines */
.block-ps-events .content-list-standard .content-list-item-fields {
    @media (min-width: 62rem) {
        display: flex;
        justify-content: space-between;
    }

    .field--name-field-ps-events-date {
        position: relative;

        &::before {
            content: "";
            background-color: var(--color-brand-70);
            margin-right: 5px;
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
        }
    }
}

/* PCUR Blog */
.section-green-bg-cutoff .block-ps-news .content-list-item {
    border: 0;
    background: var(--color-white);
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 1rem;
    
    @media (min-width: 36rem) {
        padding: 0;
    }
    
    .content-list-item-details {
        @media (min-width: 36rem) {
            padding: .5rem 1.5rem 1.5rem;
        }
    }
}

@media (max-width: 40em) {
    p.text-align-right {
        text-align: left;
    }
}


/*=== Vertical Tabs ===*/
.section-vertical-tabs {
  .block-ps-text {
    border-top: 1px solid var(--color-neutral-20);
  }

  @media (min-width: 62rem) {
    .layout__region:not(.layout-builder__region) {
      display: grid;
      grid-template-areas: "sidebar main";
      grid-template-columns: 30% 70%;
    }

    .tabby-menu-horizontal {
      grid-area: sidebar;
    }

    .block-ps-text {
      grid-area: main;
      border: 0;
    }

    .tabby-menu__nav {
      flex-wrap: wrap;
      flex-direction: column;
    }
  }
}

.front .section-vertical-tabs {
  background: var(--color-white);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: var(--border-radius-large);
  padding: 2rem;
  position: relative;
  z-index: 1;

  @media (min-width: 62rem) {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 36rem) {
    margin-top: -8rem!important;
  }
}

.btn-pill .section-vertical-tabs {
  .pill-bg {
    background: transparent;
    color: var(--color-black);
    border-radius: 0;
  }

  ul.tabby-menu__nav {
    margin: 0;
  }

  .tabby-menu__wrapper {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
  }

  .tabby-menu__nav li:not(:last-child) {
    @media (min-width: 62rem) {
      margin-bottom: .25rem;
    }
  }

  .tabby-menu__nav li a {
    font-weight: bold;
    border-radius: var(--border-radius-small);
    border: 0;
    position: relative;

    @media (min-width: 62rem) {
      font-size: 1.125rem;
      white-space: normal;
      display: block;
    }

    &::after {
      content: "";
      width: 100%;
      height: 5px;
      display: block;
      position: absolute;
      top: auto;
      bottom: 0;
      right: 0;
      left: 0;
      border-radius: var(--border-radius-small);

      @media (min-width: 62rem) {
        width: 8px;
        height: 100%;
        bottom: 0;
        left: auto;
      }
    }

    &:hover {
      background: var(--color-neutral-5);    
    }

    &[aria-selected=true] {
      background: transparent;
      @media (min-width: 62rem) {
        background: var(--color-neutral-5);
      }
      color: var(--color-black);
    }

    &[aria-selected=true]::after {
      background-color: var(--color-action-70);
    }
  }

  .tabby-menu__wrapper a:not([aria-selected=true]):hover {
    text-decoration: none;
  }
}
/* End of Vertical Tabs */


/* Start Your Journey Here */
.block-ps-links-list--color-border .icon img {
  width: 3.5rem;
  margin-bottom: 1.5rem;
}

.block-ps-links-list.row-style--grid.block-ps-links-list--color-border .field--name-field-ps-links-list-links li.field__item {
  border: 3px solid transparent;
  border-radius: var(--border-radius-medium);
  padding-bottom: 1rem;

  &::after {
    display: none;
  }

  &:nth-child(1) {
    border-color: var(--color-our-magenta);

    &::before {
      background-color: var(--color-our-magenta);
    }
  }
  &:nth-child(2) {
    border-color: var(--color-our-orange);

    &::before {
      background-color: var(--color-our-orange);
    }
  }
  &:nth-child(3) {
    border-color: var(--color-our-blue-light);

    &::before {
      background-color: var(--color-our-blue-light);
    }
  }
  &:nth-child(4) {
    border-color: var(--color-our-gold);
    
    &::before {
      background-color: var(--color-our-gold);
    }
  }
  &:nth-child(5) {
    border-color: var(--color-our-green);

    &::before {
      background-color: var(--color-our-green);
    }
  }
  &:nth-child(6) {
    border-color: var(--color-our-purple-light);

    &::before {
      background-color: var(--color-our-purple-light);
    }
  }
  &:nth-child(7) {
    border-color: var(--color-our-teal);

    &::before {
      background-color: var(--color-our-teal);
    }
  }
}

.block-ps-links-list--color-border {
  @media (min-width: 62rem) {
    display: grid;
    grid-template-columns: 23% 75%;
    grid-template-rows: auto 1fr;
    grid-gap: 2%;
  }
}
/* End Start Your Journey Here */

.section-green-bg-cutoff {
  position: relative;
  padding: 2rem 0;

  @media (min-width: 36rem) {
    padding-top: 0;
  }
}

.section-green-bg-cutoff::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    background-color: var(--color-our-green);

    @media (min-width: 36rem) {
      height: 80%;
    }
}

.section-purple-background {
  background-color: var(--color-our-purple);
    &.constrained-bkg-constrained-content {
    	border-radius: var(--border-radius-large);
	    padding: 3rem;
    }
  
    &.full-bkg-constrained-content {
	    padding-top: 2rem;
      padding-bottom: 2rem;
    }
}

.section-purple-background + .section-purple-background {
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
  padding-top: 0;
  margin-top: -1.5rem!important;
}

.overlay-dark:before {
  background-color: rgba(22, 57, 156, .8);
}

.section-round-border,
.section-round-border.overlay-dark:before {
  border-radius: var(--border-radius-large);
}

.constrained-bkg-constrained-content.overlay-dark {
	@media (min-width: 62rem) {
    padding-left: 4rem;
    padding-right: 4rem;
 }
}

.section-with-wave-background {
    position: relative;

    &::before,
    &::after {
        content: "";
        position: absolute;
        width: 100%;
         z-index: -1;
    }

    &::before {
        top: -21rem;
        left: -2rem;
        background: url("/sites/g/files/toruqf8516/files/2026-08/wave1.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 100%;
    }


    &::after {
        background: url(/sites/g/files/toruqf8516/files/2026-08/wave2.svg);
        background-repeat: no-repeat;
               background-position: 100% 0%;
        right: 0;
        bottom: -12rem;
       
        height: 150%;
    }
}

@media (min-width: 48rem) {
.section-with-wave-background-left {  
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -12rem;
    left: 0;
    right: 0;
    z-index: -1;
    background: url("/sites/g/files/toruqf8516/files/2026-08/wave3.svg");
    background-repeat: no-repeat;
    background-size: 40rem;
    background-position: 0 100%;
  }
}
}

.section-vertical-align-middle .layout-inner-container {
  align-items: center;
}

.block-background-color-orange {
  padding: 1.5rem 2rem;

  p:last-child {
    margin-bottom: 0;
  }
}



/* Title links */
@media (hover: hover) {
    .content-list .field--name-title { 
        position: relative;

        a {
            background-image: linear-gradient(180deg, transparent 90%, var(--color-action-70) 0);
            background-position: 0 0;
            background-size: 0 100%;
            background-repeat: no-repeat;
            -webkit-transition-property: background-size;
            transition-property: background-size;
            -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
            -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            border-width: 0;

            &:hover,
            &:focus {
                background-size: 100% 100%;
                border-width: 0;
            }
        }
    }

    .block-content-list:not(.block-ps-people) .content-list-item:has(a:hover),
    .block-content-list:not(.block-ps-people) .content-list-item:has(a:focus-visible) {   
        .field--name-title a {
            background-size: 100% 100%;
        }
    }
}


a.view-all-link, a.cas-login-link, button.load-more,
a.cke-button-primary,
.billboard a.billboard-read-more,
.block-ps-callout .callout-read-more { 
  border-radius: 2rem;
  position: relative;
  border: none;
  overflow: hidden;
  z-index: 2;
  transition: color 0.5s;
  background-color: transparent;
  color: var(--color-black);
  font-weight: 700;
  padding: 10px 30px;

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 2rem; 
    border: 2px solid transparent;
    background: linear-gradient(45deg,#F2642A,#EC008C) border-box;
    -webkit-mask:
    linear-gradient(#fff 0 0) padding-box, 
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }

  &::after {
    content: '';
    position: absolute;
    z-index: -1;
    background: linear-gradient(45deg,#F2642A,#EC008C) border-box;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    transition: all 0.7s;
  }

  &:hover::after {
    top: -60px;
    left: -60px;
  }

  &:hover {
    background-color: transparent;
    color: var(--color-black);
  }
}

.background-color-dark-gray,
.background-color-black,
.overlay-dark {
  .cke-button-primary,
  .view-all-link {
    background-color: transparent;
    color: var(--color-white);
  }
}



@import url("https://use.typekit.net/wsz6kkb.css");

:root {
  --font-sofia-pro: "polymath-display", sofia-pro, sans-serif;
  --font-libre-franklin: "polymath", "Libre Franklin", sans-serif;

  --font-weight-display-bold: 700;
  --font-weight-display-extra-bold: 800;
}

body[class*=body-font-] {
	font-size: 1.125rem;

	h1.page-title {
		font-size: clamp(2.75rem, 5vw, 3rem);
	}
	
	h1, h2, h3, h4, h5, h6 {
   letter-spacing: 1px;
 }
	
	h2.block-heading,
	h2.content-list-title {
		font-size: 2.375rem;
		line-height: 1.4;
		margin-bottom: 1.5rem;

		&::after {
			display: none;
		}
	}

	.float-block-title h2.block-heading,
	.float-block-title h2.content-list-title {
		  margin-bottom: 0;
	}

	.block-ps-links-list .link a {
		font-weight: var(--font-weight-display-bold);
		font-family: var(--font-display);
	}

	p.cke-display-xl {
		color: var(--color-our-magenta);
		font-size: 3.75rem;
		font-weight: var(--font-weight-display-extra-bold);
	}
}