/*
 Theme Name:   DiveIn CDT
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.3.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 900

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}


*/

:root {
    --di-regal: #003865;
    --di-steel-blue: #0075B0;
    --di-steel-blue-pale: #DAE7ED;
    --di-rock-spray: #BE4D00;
    --di-rock-spray-pale: #EDDDD2;
    --di-salem: #00843D;
    --di-salem-pale: #CEE3D8;
    --di-spectrum-gradient: linear-gradient(90deg, #FAB74A 0.24%, #B51E19 20.52%, #7E237D 39.81%, #0574B0 59.19%, #028F5E 77.41%, #01B4CE 99.99%);
    --di-spectrum-gradient-45: linear-gradient(45deg, #FAB74A 0.24%, #B51E19 20.52%, #7E237D 39.81%, #0574B0 59.19%, #028F5E 77.41%, #01B4CE 99.99%);
}

.baseline {
    --baseline-aos-distance: 100px;
    --baseline-aos-distance-negative: -100px;
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
    font-optical-sizing: auto;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1.5rem, 2vw, 1.7rem);
}

.baseline h1,
.baseline .col-steel-pale-gradient h1,
.baseline .col-steel-pale h1,
.baseline .col-steel-pale-gradient .col-none h1,
.baseline .col-steel-pale .col-none h1,
.baseline h2,
.baseline h3,
.baseline h4 {
    font-weight: 700;
    color: var(--di-regal);
}

.baseline h1 {
    font-size: clamp(3.4rem, 2.7vw, 5.5rem);    
}

.baseline h1.xl {
    font-size: clamp(4rem, 3.5vw, 6.5rem);    
}

.baseline h2 {
    font-size: clamp(2.9rem, 2vw, 3.4rem);    
}

.baseline h2.xl {
    font-size: clamp(3.6rem, 2.5vw, 4rem);    
}

.baseline .has-bgcolor.col-steel-pale h1,
.baseline .has-bgcolor.col-steel-pale h2 {
    color: var(--di-regal);
}

.header-wrap .container {
    max-width: 98%;
}

.baseline .header-wrap {
    border-bottom-color: var(--di-steel-blue-pale);
}

.baseline footer {
    position: relative;    
    border-top: none;
    padding-top: 5rem;
    margin-top: 6rem;
}

.baseline footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1.5rem;
    left: 0;
    top: 0;
    background: var(--di-spectrum-gradient);
}

footer .container {
    max-width: 96%;
}

.baseline #hamburger {
    border-radius: 0.5rem;
}

.baseline.flush-top .main .content {
    padding: 0;
}

.footer-bottom p {
    margin-bottom: 0;
}

.has-bgcolor.col-steel-pale-gradient {
    background: radial-gradient(circle at 93.4% 84.76%, #F0F7F1, transparent 100%),radial-gradient(circle at 91.83% 3.71%, #E6D2C4, transparent 100%),radial-gradient(circle at 39.75% 74.11%, #C4DBE7, transparent 100%),radial-gradient(circle at 50% 50%, #CCE4DE, #CCE4DE 100%)
}

.baseline .button,
.baseline .woocommerce #respond input#submit,
.baseline .woocommerce a.button,
.baseline .woocommerce button.button,
.baseline .woocommerce input.button,
.baseline button,
.baseline input[type=button],
.baseline input[type=reset],
.baseline input[type=submit],
header .menu li.button a {
  font-weight: 500;
  padding: 1.3rem 2.4rem;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
}

.baseline header .menu li.button a {
    line-height: initial;
}

.button i {    
    margin-left: 0.5rem;
    font-size: 2rem;
}

p + p a.button {
    margin-top: 2.5rem;
}

@media ( min-width: 900px ) {

    #home-hero .right-col img {
        position: absolute;
        top: -10rem;
        height: calc(100% + 20rem);
        width: auto;    
        margin: 0;        
    }

}

/* Center second menu widget area */

.logotitle .four.columns {
    width: 16%;    
    margin: 0;
}

.logotitle .eight.columns {
    width: 84%;
    margin: 0;    
}

.logotitle .right .second {
    top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.logotitle .right .second .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
}

.logotitle .right .menu > li:not(.button) > a {
    font-size: clamp(1.2rem, 1vw, 1.6rem);
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    z-index: 1;
}

header .right .sub-menu {
    padding-top: 1rem;
}

/* End of center second menu widget area */

.baseline nav .full.top ul.menu > li.menu-item-has-children > a:after, 
.baseline header .widget ul.menu > li.menu-item-has-children > a:after {
    background-position: center;
}

header .right .second .menu li:first-child {
    padding-left: 0;
}

header .right .second .menu li.button {
    padding-left: 0;
    padding-right: 0;
}

header .right .second .menu li i,
footer i {
    width: 1.8rem;
    display: inline-block;
}

header .right .second .menu-top-container > .menu > li:not(.button) {
   max-width: 16rem; 
   box-sizing: border-box;
   padding: 0 1.6%; 
   border-right: 0.1rem solid var(--di-salem-pale);
   flex-grow: 1;     
}

.baseline header .right .second .menu-top-container > .menu  > li:nth-last-child(2) {
    border-right: 0;
}


header .right .second .menu li.current-menu-item > a {
    font-weight: 800;
}

header .menu li.button {
    padding: initial;
}

@media ( min-width: 1000px ) {

    footer .row .four.columns:nth-child(1) {
        width: 25%;
        margin: 0;
        padding: 0 5rem;
        box-sizing: border-box;
        border-right: 0.1rem solid var(--di-steel-blue-pale);
    }
    

    footer .row .four.columns:nth-child(2) {
        width: 50%;
        margin: 0;
        
    }
    
    footer .row .four.columns:nth-child(3) {
        width: 25%;
        margin: 0;
    }
    

}

img.foot_logo {    
    width: auto;
    margin: 3rem 0;
    width: 80%;
    max-width: 23rem;
    min-width: auto;
    display: block;
}

img.foot_logo#foot-logo-1 {
    width: 65%;
    margin-bottom: 7rem;
}

.widget-area.footer-bottom {
    margin-top: 4rem;
}

footer .widget a.button:not(:hover) {
    color: #fff;
}

@media ( min-width: 1000px ) {

    .footer-col-2 {
        padding: 0 6rem;
        box-sizing: border-box;
    }

    .footer-col-3 {

    }

}

.baseline footer .widget-area .menu li {
    padding-bottom: 2rem;
}

.cde-two-cols.no-spacing  .inner {
    grid-row-gap: 2rem;
}

h2.border-bottom,
h1 {
    display: inline-block;
    padding-bottom: 0.5rem;    
    border-bottom: 1rem solid var(--di-steel-blue);
}

.home h1 {
    border-bottom: none;
    padding-bottom: none;
}

.footer-col-3 {
    text-align: right;
}

.footer-buttons {
    margin-bottom: 2.5rem;
}

@media ( max-width: 990px ) {

    .footer-col-1 .textwidget {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 0.1rem solid var(--di-steel-blue-pale);
        padding-bottom: 3rem;
        margin-bottom: 4rem;;
    }

    img.foot_logo {
        width: 20rem;
    }

    img.foot_logo#foot-logo-1 {
        width: 17rem;
    }

}

.baseline .mobile-nav .custom-logo {
    height: 5rem;
}

.baseline .alignnone {
    margin: 0;
}

@media ( max-width: 800px ) {

    .container {
        width: 94%;
    }

}

footer p > .fa-duotone,
footer p > .fa-brands {
    color: var(--di-steel-blue);
    margin-right: 0.7rem;
    font-size: 2.3rem;
}

footer p > .fa-brands.fa-youtube {
    margin-right: 1.2rem;
}

footer p > .fa-x-twitter {
	font-size: 2rem;
}

.social-links p {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.social-links p a {
    border-bottom: 0.2rem solid transparent;
}

.baseline .widget.widget_text a.no-ul:hover,
.baseline  a.no-ul:hover {
    border-bottom: 0.2rem solid var(--di-salem);
    text-decoration: none;
}

.home .cde-two-cols.has-bgcolor.first {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.cde-grid-list .before {
    margin-bottom: 4rem;
}

.has-bgcolor {
    border-radius: 0.5rem;
}

.cde-grid-item .item-label {
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.cde-wide-text.limit-width .inner,
.cde-people .before {
    max-width: 90rem;
}

.cde-wide-text.limit-width.centered .inner {
    margin: 0 auto;
}

/* CDE People */

.person {
    display: grid;
    grid-template-columns: 26rem 1fr;
    grid-column-gap: 6rem;
    margin-bottom: 8rem;
}

.person_data_wrap {
    margin-left: 2rem;
    margin-top: 2rem;
    border-top: 0.1rem solid var(--di-steel-blue-pale);
    padding-top: 2rem;
}


@media ( max-width: 900px ) {

    .person {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 2rem;
    }    

    .person_data_wrap {
        border-top: none;
    }

}


.cde-people .before {
    margin-bottom: 6rem;
}

.person_photo img {
    position: relative;
    width: 24rem;
    height: 25rem;
    object-fit: cover;        
    border-radius: 0.5rem;
    border-bottom-right-radius: 4rem;
}

.person_photo {
    position: relative;
    z-index: 1;
    width: 24rem;
    height: 25rem; 
}

.person_photo:after,
.personal-quote .img:after {
    content: "";
    position: absolute;
    display: block;
    width: 24rem;
    height: 25rem;    
    left: 2rem;
    bottom: -2rem;
    background: var(--di-spectrum-gradient-45);
    z-index: -2;
    border-radius: 0.5rem;
    border-bottom-right-radius: 4rem;
}

.person_title {
    font-weight: 600;
}

.person_name {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
}

.person_title {
    margin-top: 0.5rem;
}

.person_bio {
    margin-top: 1rem;    
}

.person_bio a {
    color: #444 !important;
}

.person_name h3 {
    margin-bottom: 0;
}

.person_pronouns {
    margin-left: 1rem;
} 

.person_pronouns:empty {
    display: none;
}

.person_pronouns:before {
    content: "(";
}

.person_pronouns:after {
    content: ")";
}

.baseline .cde-readmore-label {
    font-size: 1.5rem;
    letter-spacing: 0.05rem;
}

.cde-readmore-label:before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    margin-right: 0.7rem;
    color: var(--di-steel-blue);
}

.inner a,, 
.person_bio a  {
    overflow-wrap: break-word;    
    word-break: break-all;
}

.baseline .flex-elm .cde-crop-nocrop,
.baseline .flex-elm .wrapper.cde-crop-nocrop,
.baseline .cde-image-left-text-right .left.img.cde-crop-nocrop,
.baseline .cde-text-left-image-right .right.img.cde-crop-nocrop {
    min-height: 34rem;
}

.inner img.size-full {
    border-radius: 0.5rem;
}

.inner p + h2 {
    margin-top: 2rem;
}

i.full-words {
    font-style: normal;
}

.person_org {
    color: var(--di-regal);
}


.cde-toggle-label {
    padding: 2.5rem;
    padding-right: 8rem;
    border: 0.1rem solid var(--di-salem-pale);
    border-radius: 0.5rem;
}

.baseline input.cde-toggle:checked + .cde-toggle-label:before {
    content: "\f078";    
    transform: ;
    top: 50%;    
    transform: translate(-50%, -50%)  rotate(180deg);
    right: 0.5rem;
}

.baseline .cde-toggle-label:before {
    content: "\f078";
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    color: var(--di-rock-spray);
    position: absolute;
    right: 3rem;
    transition-duration: 0.3s;
    background-color: transparent;
    font-size: 3rem;
    line-height: 1.4;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;    
    transform: translate(-50%, -50%);
    right: 0.5rem;
}

@media ( max-width: 600px ) {

    .baseline .cde-toggle-label {
        font-size: 1.7rem;
        line-height: 1.4;
        padding: 2rem;
        padding-right: 8rem;
    }    

}

.cde-collapsible .before {
    margin-bottom: 3.5rem;
}

.baseline .cde-two-cols .inner, 
.baseline .cde-three-cols .inner {
    grid-row-gap: 1rem;
}

.has-bgcolor.col-steel-pale-gradient h2 {
    color: var(--di-regal);
}

.flex-elm.sub-heading h2 {
    margin-bottom: 0;
}

.flex-elm.sub-heading {
    position: relative;
    z-index: 0;
}

.flex-elm.sub-heading .inner {
    position: relative;
    z-index: 3;
}

.flex-elm.sub-heading:after {
    content: "";
    position: absolute;
    opacity: 0.7;
    width: 10rem;
    height: 100%;
    background-image: url('diveIn-white-d.svg');
    background-size: 7rem;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    right: 4rem;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.flex-elm .after {
    margin-top: 1rem;
}

.image-heading {
    height: 45rem;
}

.image-heading .wrapper {
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.flex-elm.crop-30 .wrapper.cde-crop-mc {
    background-position: center 30%;
}

.image-heading h1,
.partner-heading h1 {    
    border-bottom: none;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;    
}

.image-heading .wrapper,
.partner-heading .wrapper {
    position: relative;
    z-index: 5;
}

.image-heading .inner,
.partner-heading .inner {
    position: relative;
    display: inline-block;    
    background-color: #fff;
    padding: 2rem 3rem 2rem 3rem;
    color: var(--di-steel-blue);
    margin-bottom: 0;
    border-bottom-right-radius: 1rem;  
}

@media ( min-width: 600px ) {

    .image-heading .inner {
        max-width: 40%;
    }
    

}


.partner-heading .inner {
    margin-bottom: 6rem;
    padding-left: 0;
}

 
.image-heading .inner:after,
.partner-heading .inner:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;    
    left: 2rem;
    bottom: -2rem;
    background: var(--di-spectrum-gradient-45);
    z-index: -1;    
    border-bottom-right-radius: 1rem;
}

/* Slabtext / Autofit */

.slabtexted .slabtext {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap;
}

.slabtextinactive .slabtext {
    display: inline;
    white-space: normal;
    font-size: 1em !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    *letter-spacing: normal !important;
    *word-spacing: normal !important;
}

.slabtextdone .slabtext {
    display: block;
}

.divein-cop-header {
    padding: 7vw 14vw;
    border: 1rem solid var(--di-steel-blue);
    border-bottom-right-radius: 10vw;
    min-height: 30lvw;     
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media ( max-width: 600px ) {

    .divein-cop-header {
        padding: 4rem 4rem;
        border-width: 0.7rem;
    }

}

.slab {
    visibility: hidden;
}

.slab.slabtextdone {
    visibility: visible;
}

.divein-cop-header em.forced-space {
    width: 5vw;
    display: block;
    height: 1rem;
    background-color: #0075B0;
}

.divein-cop-header .second-line span {
    font-weight: 900;
}

.divein-cop-header .first-line {
    margin-bottom: 3vw;
}

.divein-cop-header .first-line span {
    white-space: pre;
}

.divein-cop-header .first-line,
.divein-cop-header .second-line {
    line-height: 0.8;
    color: var(--di-regal);
    white-space: nowrap;
}

.gradient-text {   
    background: var(--di-spectrum-gradient-45);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 3s linear infinite;
    animation-direction: alternate;
    background-size: 200% 100%;
}


@keyframes gradientAnimation {
    0% {
      background-position: 0;
    }
    to {
      background-position: 100%;
    }
  }

#why-glasgow a {    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#why-glasgow a:hover {
    text-decoration: none;
}

#why-glasgow a:before {    
    display: inline-block;
    content: "Why Glasgow";
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    color: #fff;
    font-weight: 600;
    font-size: clamp(1.8rem, 2vw, 2.7rem);
}

#why-glasgow a:after {
    display: inline-block;
    color: #fff;
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-size: 4rem;
    margin-left: 1rem;
}

/* MPA scroller */

.cde-events .box-menu-item.per-line-3,
.cde-news .box-menu-item.per-line-3.no-image {    
    width: 40rem;
}

.cde-news .box-menu-item.per-line-3 {
    width: 50rem;
}

@media ( max-width: 600px ) {

    .cde-events .box-menu-item.per-line-3 {    
        width: 33rem;
    }

}

.cde-mpas .box-menu-item.per-line-3,
.cde-partners .box-menu-item.per-line-3 {
    width: 40rem;
}

.cde-postlist .flickity-slider {
    left: max( calc((100% - 1200px) / 2), 3% )  !important ;
}

@media ( max-width: 600px ) {

    .cde-postlist .flickity-slider {
        left: 5% !important ;
    }

    .cde-mpas .box-menu-item.per-line-3,
    .cde-partners .box-menu-item.per-line-3 {
        width: 28rem;
    }


}

article.mpa,
article.partner,
article.sup {
    margin-top: 0;
    padding-top: 0;
    margin-right: 4rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 36rem;
    color: #fff;
    height: 22rem;    
    display: inline-block;
    background-color: var(--di-salem);    
}

article.partner {    
    height: 27rem;
    background-color: #fff;
    border: 0.3rem solid var(--di-steel-blue)
}

article.sup {
    width: 25rem;
    height: auto;
    min-height: 100%;
    background-color: var(--di-regal);
    transition-duration: 0.3s;
}

@media ( max-width: 600px ) {

    article.mpa,        
    article.partner {
        width: 26rem;
        margin-right: 2rem;
    }

    article.sup {
        margin-right: 2rem;
    }

}

.items-per-row-3.flickity-enabled {
    display: block;
}

.flickity-prev-next-button.previous {
    display: none;
}

.baseline .flickity-prev-next-button {
    background: transparent;
}

.baseline .flickity-prev-next-button.next {
    top: -7rem;
    width: 55px;
    height: 55px;
}

@media ( max-width: 600px ) {

    .baseline .flickity-prev-next-button.next {     
        width: 40px;
        height: 40px;
    }

}


.cde-postlist .flickity-prev-next-button.next {
    color: var(--di-steel-blue);    
}

.cde-postlist .flickity-prev-next-button.next {
    color: var(--di-steel-blue);    
}

.cde-postlist .cde-box-menu.style-1 h2 {
    white-space: pre-line;    
}

.cde-postlist .post-top,
.cde-postlist .post-bottom {
    padding: 2.5rem;    
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.cde-postlist .news .post-top {
    padding: 0;
}

.cde-postlist .news .post-top .news-meta {
    padding: 2.5rem;    
}

.cde-image-left-text-right .img,
.cde-text-left-image-right .img {
    border-radius: 0.5rem;
}

.no-edge-padding.cde-image-left-text-right .right .inner {
    padding-right: 0;
} 

.no-edge-padding.cde-text-left-image-right .left .inner {
    padding-left: 0;
}

.top-tab .tab-label {
    font-size: clamp(2rem, 2vw, 3.5rem);
    font-weight: 700;
    color: var(--di-regal);
}

.top-tab .divider {
    opacity: 0.3;
    margin: 0 1rem;
}

.divein_overlay {
    position: relative;
    height: 100%;
    border-radius: 0.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;    
    background: linear-gradient(106.35deg, rgba(1, 180, 206, 0) 66.15%, rgba(1, 171, 178, 0.15) 68.07%, rgba(2, 162, 150, 0.3) 69.98%, rgba(2, 143, 94, 0.4) 73.81%, rgba(5, 116, 176, 0.6) 79.99%, rgba(126, 35, 125, 0.8) 86.57%, rgba(181, 30, 25, 0.9) 93.12%, #FAB74A 100%);
}

.divein_overlay.lighter_overlay {
    background: linear-gradient(106.35deg, rgba(1, 180, 206, 0) 66.15%, rgba(1, 171, 178, 0.1) 68.07%, rgba(2, 162, 150, 0.2) 69.98%, rgba(2, 143, 94, 0.3) 73.81%, rgba(5, 116, 176, 0.4) 79.99%, rgba(126, 35, 125, 0.5) 86.57%, rgba(181, 30, 25, 0.6) 93.12%, #FAB74A 100%);
}

.cde-postlist article a {
    height: 100%;
    width: 100%;
    min-height: 100%;
    display: block;
}

.cde-postlist.inner article a {
    border-bottom: none;
}

.mpa h2 {   
    color: #fff;    
    position: relative;
    z-index: 3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    margin-bottom: 0;
}

.cde-box-menu .box-menu-item .mpa h2 {
    font-size: 2.8rem;
    line-height: 1.2;
}

@media ( max-width: 600px ) {

    .cde-box-menu .box-menu-item .mpa h2 {
        font-size: 2.2rem;        
    }

}

.mpa_inner {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 0.5rem;
}

.mpa_inner:after {
    content: "";
    border-radius: 0.5rem;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.mpa .post-bottom {
    position: absolute;
    bottom: 0;
    height: auto;    
}

.fav-star:after {
    content: "\f005";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: 3rem;
    color: #FFD125;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.is-cop-fav.fav-star:after {
    font-weight: 900;
}

.fav-star:hover i {
    font-size: 3.1rem;
    color: var(--di-steel-blue-pale);
}

.cde-postlist article .fav-star {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 3;
}

.menu .fa-solid.fa-stars {
    color: #FFD125;
}

.partner_inner,
.sup_inner {
    box-sizing: border-box;
    height: 100%;
}

.partner_inner .divein_overlay,
.sup_inner .divein_overlay {    
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
}

.partner_inner .divein_overlay .post-top,
.sup_inner .divein_overlay .post-top {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.divein_overlay img {
    max-width: 14rem;
    max-height: 14rem;
}

.sup-jobtitle {
    font-size: 1.4rem;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.sup:hover {
    opacity: 0.8;
}

.sup h2 {
    font-size: 1.7rem;
    color: #fff;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.cde-postlist .partner_inner .post-bottom {
    height: auto;
}

.cde-box-menu .box-menu-item .partner h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

.cop-line {
    margin: 2rem 0 4rem 0;
    height: 0.2rem;
    width: 100%;
    background-color: var(--di-steel-blue-pale);
}

.cde-postlist .sup .post-top {
    height: 24rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.sup .post-bottom {
    min-height: 14rem;
}

.single-di-mpa .content {
    margin-top: 3rem;
}

.cop-content {
    margin-top: 8rem;    
}

.single-di-mpa .cop-content {
    margin-top: 18rem;    
} 

.single-di-mpa .image-heading .inner {
    top: 12rem;
}

.cop-content,
.has-cop-sidebar .cde-flex-content {
    margin-right: 27rem;
    width: auto;
}

@media ( max-width: 720px ) {

    .cop-content,
    .has-cop-sidebar .cde-flex-content {
        margin-right: 0;
        width: auto;
    }    

}

.cop-content .sup-list {
    margin-top: 5rem;
    padding: 3rem;
    border-radius: 0.5rem;
    background-color: var(--di-salem-pale);
}

.wrapper .fav-star {
    cursor: pointer;
    position: absolute;
    top: 2rem;
    right: 3rem;
    z-index: 3;
}

.suplist-photo {
    width: 7rem;
    height: 100%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    background-size: cover;
    background-position: center;
}

.content h2 + ul.sups {
    margin-top: 3rem;
}

.sups {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
}

@media ( max-width: 600px ) {

    .sups {     
        grid-template-columns: 1fr;
    }

}

.sups li {
    margin-bottom: 0;
}

.sups li a {
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    display: grid;
    grid-template-columns: 7rem 1fr;
    grid-column-gap: 0;
    border-bottom: none;
    height: 100%;
    min-height: 8rem;
}

.sups li a:hover {
    border-bottom: none;
}

.sups li p {
    margin-bottom: 0.3rem;
}

.suplist-jobtitle {
    font-size: 1.4rem;
}

.suplist-name {
    font-weight: bold;
}

.suplist-link {
    padding: 1rem 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.baseline nav .full.top ul.menu > li.menu-item-has-children > a:after, 
.baseline header .widget ul.menu > li.menu-item-has-children > a:after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.063 11.375l5.25-5.063-5.25-4.875' stroke='%230075B0' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.baseline nav .full.top ul.menu > li.menu-item-has-children.current-menu-item > a:after, 
.baseline nav .full.top ul.menu > li.menu-item-has-children.current_page_item > a:after, 
.baseline header .widget ul.menu > li.menu-item-has-children.current-menu-item > a:after, 
.baseline header .widget ul.menu > li.menu-item-has-children.current_page_item > a:after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.063 11.375l5.25-5.063-5.25-4.875' stroke='%230075B0' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.flex-elm.line-above {
    padding-top: 3rem;
    border-top: 0.1rem solid var(--di-steel-blue);
}

.flex-elm.page-links .cde-grid-item.col-none {
    background-color: var(--di-steel-blue-pale);
}

.flex-elm.page-links .inner .cde-grid-item a {
    display: block;
    padding: 5rem 10rem 5rem 5rem;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    border-bottom: none;
}

.flex-elm.page-links .inner .cde-grid-item a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    color: #fff;
    display: flex;
    font-weight: 300;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 8rem;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 3rem;
    background-color: var(--di-steel-blue);
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.flex-elm.page-links .item-label {
    margin-bottom: 0;
}

#shared-mpa-listing .box-menu-item,
#shared-partner-listing .box-menu-item {
    background-color: var(--di-steel-blue-pale);    
    border-radius: 0.5rem;
}

#shared-partner-listing .box-menu-item {
    border: 0.2rem solid var(--di-steel-blue);
    background-color: #fff;
}

#shared-mpa-listing .box-menu-item h2,
#shared-partner-listing .box-menu-item h2 {
    padding: 2rem 7rem 2rem 2rem;
    color: #fff;
    margin-bottom: 0;
    white-space: normal;
    overflow: visible;
    background-color: var(--di-steel-blue);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    position: relative;
}

#shared-partner-listing .box-menu-item h2 {
    font-size: 1.9rem;
    border-radius: 0;
}

#shared-partner-listing .cde-box-menu {
    grid-gap: 4rem;
}

#shared-partner-listing .cde-box-menu .box-menu-item .img {
    border: 7rem solid #fff;
    box-sizing: border-box;
}

#shared-partner-listing .cde-box-menu .box-menu-item .img:before {
    background-size: contain;
}

#shared-mpa-listing .title .fa-arrow-right,
#shared-partner-listing .title .fa-arrow-right {
    opacity: 0.4;
    margin-left: 1rem;
}

#shared-mpa-listing .title,
#shared-partner-listing .title {
    position: relative;    
}

#shared-mpa-listing .title .fav-star,
#shared-partner-listing .title .fav-star {
    position: absolute;
    right: 1.5rem;
    top: 2.5rem;
    z-index: 3;
}

#shared-mpa-listing .box-menu-item p,
#shared-partner-listing .box-menu-item p {
    padding: 2rem;    
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0;
}

#shared-partner-listing .box-menu-item p {
    display: none;
}

#shared-mpa-listing .img,
#shared-partner-listing .img {
    margin-bottom: 0;
    height: 30rem;
}

.baseline .cde-box-menu  {
    grid-gap: var(--cde-grid-gap);
}

.cop-sidebar {
    width: 22rem;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(2rem);
    box-shadow: 0 0 3rem 0.05rem rgba(0,0,0,0.2);
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 26rem;
    z-index: 10;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

@media ( max-width: 700px ) {

    .cop-sidebar {
        display: none;
    }

}

.cop-sidebar_items li {
    background-color: var(--di-steel-blue-pale);
    margin-bottom: 0.5rem;
}

.cop-sidebar_items li.cop-sidebar_selected {
    background-color: var(--di-salem);
}

.cop-sidebar_items li.cop-sidebar_selected a {
    color: #fff;
}

.main .cop-sidebar_items a {
    border-bottom: none;
    position: relative;
    display: block;
    padding: 1rem 4rem 1rem 1rem;
    font-size: 1.6rem;
}

.main .cop-sidebar_items li.cop-sidebar_selected a {
    padding: 1rem;
    text-align: center;
}

.main .cop-sidebar_items a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    color: #fff;    
    top: 0;
    font-weight: 300;
    font-size: 1.7rem;
    right: 0;
    height: 100%;
    width: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--di-steel-blue);
}

.main .cop-sidebar_items .cop-sidebar-favs a:after {
    content: "\f762";
    font-weight: 700;
}

.main .cop-sidebar_items .cop-sidebar_selected a:after {
    content: none;
}

.main .cop-sidebar_logo a,
.main .cop-sidebar_logo a:hover,
.main .cop-sidebar_items a:hover {
    border-bottom: none;    
}

.cop-sidebar_msg {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cop-sidebar_msg p {
    line-height: 1.4;
    font-size: 1.4rem;
    margin-bottom: 0;
}

.cop-sidebar_msg i {
    font-size: 3rem;
    margin-right: 1rem;
    color: var(--di-steel-blue);
}

.sup_list.cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4rem;
}

@media ( max-width: 600px ) {

    .sup_list.cards {     
        grid-template-columns: 1fr;  
        grid-gap: 2rem;   
    }

}

.sup_list_item_inner {
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-column-gap: 2rem;
    background-color: var(--di-regal);
    border-radius: 0.5rem;
    height: 100%;
}

@media ( max-width: 600px ) {

    .sup_list_item_inner {     
        grid-template-columns: 14rem 1fr;    
    }

}

.widget .sup_list a,
.widget .sup_list a:hover  {
    display: block;
    position: relative;
    color: #fff;   
    text-decoration: none;
    height: 100%;
}

.sup_list_item .fav-star {
    position: absolute;
    z-index: 3;
    right: 1.5rem;
    top: 2rem;
}

.sup_list h3 {
    color: #fff;
    margin-bottom: 0;
}

.suo_list_item_pronouns {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
}

.suo_list_item_jobtitle {
    font-weight: 600;
    font-size: 1.6rem;
}

@media ( max-width: 600px ) {

    .suo_list_item_jobtitle {
        font-size: 1.4rem;
        line-height: 1.3;
    }

}

.sup_list_item_left {
    min-height: 30rem;
    height: 100%;
}

.main img.sup_list_image {   
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; 
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sup_list .divein_overlay {
    justify-content: flex-start;
    padding-top: 6rem;
    padding-right: 2rem;
}

.sup_list_item_school {
    margin: 0.5rem 0;
    font-size: 1.3rem;
    text-transform: uppercase;
}

@media ( max-width: 600px ) {

    .sup_list_item_school {
        font-size: 1.1rem;
        line-height: 1.4;
    }

    h3.sup_list_item_name {
        font-size: 1.9rem;
    }

}

.sup_list_research_tagline {
    border-top: 0.1rem solid rgba(255, 255, 255, 0.3);
    font-size: 1.3rem;
    line-height: 1.3;
    margin-top: 1rem;
    padding-top: 1rem;
    color: var(--di-steel-blue-pale);
}

@media ( max-width: 600px ) {

    .sup_list_research_tagline {
        font-size: 1.2rem;
        line-height: 1.25;
    }

}

.sup_list_item_right {
    padding-bottom: 2rem;
}

.sup_filter {
    background-color: var(--di-steel-blue-pale);
    border-radius: 0.5rem;
    padding: 2rem;        
}

.sup_filter_label span {
    margin-left: 1rem;
}

.sup_filter_label {
    padding-bottom: 1rem;
    border-bottom: 0.1rem solid rgba(0,0,0,0.1);
    margin-bottom: 1rem;
    font-weight: 600;
}

.sup_filter_label i {
    font-size: 3rem;
    color: var(--di-steel-blue);
}

.sup_filter_school,
.sup_filter_mpas {
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-column-gap: 4rem;
}

@media ( max-width: 600px ) {

    .sup_filter_school,
    .sup_filter_mpas {     
        grid-template-columns: 1fr;        
    }

}

.sup_filter_mpas {
    margin-bottom: 0.6rem;
}

@media ( max-width: 600px ) {

    .sup_filter_mpas {
        margin-bottom: 1.6rem;
    }

}

.sup_filter_school label,
.sup_filter_mpas label {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.5rem;
}

@media ( max-width: 600px ) {

    .sup_filter_school label,
    .sup_filter_mpas label {
        justify-content: flex-start;
    }
}

.sup_filter_school  {
    position: relative;
}

.sup_filter_or {
    position: absolute;
    font-size: 1.3rem;
    top: -1.5rem;
    left: 18rem;
}

/* Supervisor / author page */

.sup-details_wrap {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 26rem 1fr;
    grid-column-gap: 4rem;
    font-size: clamp(1.4rem, 1.8vw, 1.6rem);
    line-height: 1.5;
}

@media ( max-width: 600px ) {

    .sup-details_wrap {
        grid-template-columns: 1fr;
    }

}

.sup-details_photo img {
    border-radius: 1rem;
    position: relative;
    z-index: 3;
}

.sup-details_info,
.sup-details_why,
.sup-details_mpas,
.sup-details_bio {   
    margin-top: 2rem;     
    border-radius: 1rem;
    background-color: var(--di-regal);
    padding: 3rem;
    color: #fff;
}

.sup-details_bio {
    margin-bottom: 2rem;
}

.sup-details_info {
    margin-top: 0;
    position: relative;    
}

.sup-details_why,
.partner-details_why {
    background: radial-gradient(circle at 93.4% 84.76%, #F0F7F1, transparent 100%),radial-gradient(circle at 91.83% 3.71%, #E6D2C4, transparent 100%),radial-gradient(circle at 39.75% 74.11%, #C4DBE7, transparent 100%),radial-gradient(circle at 50% 50%, #CCE4DE, #CCE4DE 100%);
    color: #000;
}

.sup-details_mpas,
.partner-details_mpas {
    background-color: var(--di-steel-blue);
}

.sup-details_bio {
    background-color: var(--di-salem-pale);
    color: #000;
}

.sup-details_jobtitle h3 {    
    color: #fff;
    margin-bottom: 0.6rem;
}

.sup-details_info .fav-star {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.sup-details_jobtitle,
.sup-details_school {
    padding-right: 5rem;
}

.sup-details_school {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.3);
}

.breadcrumbs a.no-ul {
    text-decoration: none;
    border-bottom: none;
    color: #000;
}

.sup-details_label,
.partner-details_label {
    margin-top: 1.5rem;
    font-weight: bold;
}

div .sup-details_label:first-child {
    margin-top: 0;
}

.sup-details_tagline {
    font-size: clamp(1.7rem, 2vw, 2rem);
    line-height: 1.4;
    margin-top: 2rem;
    font-weight: bold   
}

@media ( max-width: 600px ) {

    .sup-details_tagline {
        font-size: clamp(1.9rem, 2vw, 2.1rem);        
        margin-top: 1.5rem;
        margin-bottom: 3rem;     
    }

}

.sup-details_tagline i.fa-quote-left {
    font-size: 4rem;
    color: var(--di-salem);
    margin-right: 1rem;
}

.sup-details_tagline i.fa-quote-right { 
    margin-left: 0.8rem;
    font-size: 2rem;
    color: var(--di-salem);
    line-height: 0;
    position: relative;
    top: 0rem;
}

.sup-details_mpas h4 {
    color: #fff;
}

.sup-details_link {
    margin-bottom: 1rem;
    padding: 2rem 3rem;
    border-radius: 0.5rem;
    background-color: var(--di-rock-spray-pale);
}

.sup-details_link a {
    color: #000;
    word-wrap: break-word;  /* For legacy support */
    overflow-wrap: break-word;  /* The standard property */
    word-break: break-all;  /* Breaks words at arbitrary points if necessary */
}

.sup-details_link .fa-arrow-up-right-from-square {
    color: var(--di-rock-spray);
    margin-right: 0.7rem;
}

.content [role=main] .entry-content ul.sup-details_mpalist {
    margin-left: 0;    
    list-style: none;
    display: inline-block;    
}

li.sup-details_mpa {
    display: inline-block;
    margin-right: 2rem;
} 

.sup-details_mpa a {
    padding: 1rem 2rem;
    background-color: var(--di-steel-blue-pale);
    border-radius: 0.5rem;
    display: inline-block;
    text-decoration: none;
    color: #000;
}

.partner-details_block {
    margin-bottom: 2rem;
}

.partner-details_split {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 35% 1fr;
    grid-column-gap: 4rem;
}

@media ( max-width: 700px ) {

    .partner-details_split {
        grid-template-columns: 1fr;
    }

}

.flex-elm.partner-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10rem;
    margin-bottom: 2rem;
}

@media ( max-width: 1050px ) {

    .flex-elm.partner-heading {
        grid-template-columns: 1fr;
    }

}

.single-di-partner .main .content {
    padding-top: 0;
}

.partner-details_logo {    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

@media ( max-width: 600px ) {

    .partner-details_logo {    
        margin: 2rem 0;
    }

}

.partner-details_logo img {
    margin-top: 2rem;
    max-width: 60%;
    height: auto;
}

.partner-heading .fav-star {
    position: absolute;
    right: 1rem;
    top: 0;
}

.single-di-partner .cop-content {
    margin-top: 3rem;
}

.partner-details_profile,
.partner-details_why {
    padding: 3rem;
    border-radius: 1rem;
}

.partner-details_profile {
    background-color: var(--di-salem-pale);
}

.partner-details_block > .partner-details_label {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.parter-details_tagline {
    /* margin-top: auto; */
    margin-top: 5rem;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.parter-details_tagline .fa-solid {
    color: var(--di-salem);
    font-size: 3rem;
    margin-right: 1rem;
}

.parter-details_value + .partner-details_label {
    margin-top: 2rem;
}

.partner-details_mpas {
    margin-top: 3rem;
    padding: 3rem;
    border-radius: 1rem;
}

.partner-details_mpas h4 {
    color: #fff;
    margin-bottom: 2rem;
}

.baseline h1 .pronouns {
    display: inline-block;
    font-size: 2rem;
}

.button.alt, a.button.alt {
    background-color: var(--di-salem);
}

a.button i.fa-user,
a.button i.fa-user-pen {
    margin-left: 0;
    margin-right: 0.6rem;
}

a.button i.fa-user-pen {
    margin-right: 0.9rem;
}

.footer-buttons a  {
    display: inline-block;
    margin-left: 1rem;
}

.footer-buttons a.profile-button {
    display: none;    
}

.logged-in .footer-buttons a.profile-button {
    display: inline-block;    
}

.logged-in .footer-buttons a.login-button {
    display: none;    
}

.page-template-profile-page.page .content.container {
    display: block;
}

.cde-image-left-text-right.personal-quote {
    grid-template-columns: 24rem 1fr;
}

.cde-text-left-image-right.personal-quote {
    grid-template-columns: 1fr 24rem;
}

.cde-image-left-text-right.personal-quote .right .inner, 
.cde-text-left-image-right.personal-quote .left .inner {
    max-width: unset;
}

.cde-image-left-text-right.personal-quote .left.img, 
.cde-text-left-image-right.personal-quote .right.img {    
    height: 25rem;
    min-height: unset;
    width: 24rem;
    border-bottom-right-radius: 4rem;
}

.personal-quote .inner h2 {
    color: var(--di-regal) !important;
    font-size: clamp(1.8rem, 2vw, 2rem);
}

.personal-quote .inner h3 {
    font-size: clamp(1.3rem, 1.5vw, 1.4rem);
    margin-left: 2.4rem;
    font-weight: normal;
    text-transform: uppercase;
}

.personal-quote .inner h2:before {
    content: "\2014"; /* Unicode for em dash */
    margin-right: 0.6rem;
}

.cde-image-left-text-right.personal-quote .right .inner:before , 
.cde-text-left-image-right.personal-quote .left .inner:before {
    content: "\f10d";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 900; 
    font-size: 7rem;
    line-height: 1;
    color: #fff;        
    margin-bottom: 2rem;
}

.cde-image-left-text-right.personal-quote .right, 
.cde-text-left-image-right.personal-quote .left {
    position: relative;
}

.cde-image-left-text-right.personal-quote .right::after, 
.cde-text-left-image-right.personal-quote .left::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5rem solid transparent;
    border-right: 5rem solid transparent;
    border-bottom: 10rem solid var(--di-steel-blue-pale);
    position: absolute;
    top: 5rem; 
    left: -10rem;
    transform: rotate(-90deg);
    z-index: 9;
}

.cde-text-left-image-right.personal-quote .left::after {
    transform: rotate(90deg);
    left: unset;
    right: -10rem;
}

@media ( max-width: 600px ) {

    .cde-image-left-text-right.personal-quote .img, 
    .cde-text-left-image-right.personal-quote .img {
        margin-bottom: 6rem;
    }

    .cde-text-left-image-right.personal-quote .left::after {
        transform: rotate(0deg);
        left: unset;
        right: unset;
        left: 2rem;
        top: -8rem;
    }

    .cde-image-left-text-right.personal-quote .right::after {
        transform: rotate(0deg);
        left: unset;
        right: unset;
        left: 2rem;
        top: -8rem;
    }

}

.cde-image-left-text-right.personal-quote .col-rock-spray-pale.right::after, 
.cde-text-left-image-right.personal-quote .col-rock-spray-pale.left::after {
    border-bottom-color: var(--di-rock-spray-pale);
}

.cde-image-left-text-right.personal-quote .col-salem-pale.right::after, 
.cde-text-left-image-right.personal-quote .col-salem-pale.left::after {
    border-bottom-color: var(--di-salem-pale);
}

.person_bio .inner ul {
    list-style: disc;
    margin-left: 3.5rem;
}

.fav-form {
    margin-top: 2rem;    
}

.fav-form .form_wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.fav-form .form_email-button {
    margin-left: 0.9rem;
}

.fav-form label {
    font-weight: bold;
    width: 100%;
    margin-bottom: 0.9rem;
}

.fav-form .fa-light {
    color: var(--di-steel-blue);
    margin-right: 0.5rem;
}

.baseline #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    background-color: var(--di-salem);
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.baseline #pojo-a11y-toolbar {
    top: 11rem !important;
}

@media ( max-width: 600px ) {

    .baseline #pojo-a11y-toolbar {
        top: 8rem !important;
    }

}

@media ( max-width: 600px ) {

    .baseline .flex-elm.first {
        margin-top: 6rem;
    }

}

.sup_filter select {
    max-width: 82vw; /* Adjust as needed */
    overflow: hidden; /* Prevents content overflow */
    text-overflow: ellipsis; /* Displays an ellipsis (…) for overflowing text */
    white-space: nowrap; /* Prevents text wrapping */
}

@media ( max-width: 600px ) {

    .cde-box-menu.items-per-row-2.style-1 {
        grid-template-columns: 1fr;
        grid-gap: 3rem;
    }

}

.baseline .cohort-listing .cde-box-menu.style-6 .box-menu-item .option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;    
    width: unset;
}

.cohort-listing .option p {
    display: none;    
}

.cohort-listing .option h2 {
    color: #fff;
    background-color: var(--di-regal);
    padding: 5rem 20rem 4rem 5rem;    
    display: block;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: clamp(2rem, 2vw, 3rem);
    position: relative;    
}

.cohort-listing .option h2:after,
.cohort-listing .option h2:before {
    content: "\f061";
    position: absolute;
    font-family: "Font Awesome 6 Duotone";
    width: 15rem;
    font-weight: 900;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 5rem;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0;
    background-color: var(--di-salem);
}

.cohort-listing .option h2:after {
    content: "\f061\f061";
    opacity: 0.4;
    background-color: unset;
}

.cde-box-menu.style-6 li {
    display: block;
}

.cde-box-menu.style-6 li a {
    display: grid;
    grid-template-columns: 20rem 1fr;
}

.baseline .cde-box-menu.style-6 .box-menu-item .img {
    width: 20rem;
    height: 20rem;
    background: var(--di-spectrum-gradient-45);
    border-bottom-right-radius: 2rem;    
}

.baseline .cde-box-menu.style-6 .box-menu-item .img:before {
    background-size: 50%;
}

@media ( max-width: 600px ) {

    .cde-box-menu.style-6 li a {
        grid-template-columns: 10rem 1fr;
    }

    .baseline .cde-box-menu.style-6 .box-menu-item .img {
        width: 10rem;    
        height: 17rem;    
    }

    .cohort-listing .option h2:after,
    .cohort-listing .option h2:before {
        width: 9rem;
    }

    .cohort-listing .option h2 {
        padding: 3rem 13rem 4rem 3rem;    
    }

}

.cohort .student a {
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-gap: 0;
    background-color: var(--di-steel-blue-pale);
    border-radius: 0.5rem;
}

.stu_photo {
    height: 100%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.stu_info {
    padding: 2vw;
    min-height: 24rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.cohort ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4rem;
}