#frm_form_1_container button {
    background-color: #000000!important;
}

div.bubble {
    background-size: contain!important;
}

/* =======HOME======*/
.home-sub-text {
    font-size: 35px;
    color: #000000;
}
#home-footer {
    background: url("https://www.vswt.utah.edu/wp-content/uploads/2025/09/Group-196-scaled.png") center/contain no-repeat;

}
#experience {
    display: flex;
    gap: 80px;
}
.vswt-image img {
    border-radius: 20px;
}

.partners {
    max-width: 650px;
    margin: auto;
}
.footer-text {
    margin: 0 auto;
    max-width: 600px;
}
.hero-text {
    max-width: 500px;
}

@media screen and (min-width: 1200px) {
    #home-footer {
        height: 669px;
    }
}
@media screen and (max-width: 1024px) {
    #pg-11-4 > .panel-row-style {
        padding: 15px!important;
    }
    .home-sub-text {
        font-size: 20px;
        color: #000000;
    }
    #pg-11-0 > .panel-row-style {
        padding: 25px!important;
    }

    .home-logo-mobile .sow-image-container {
        justify-content: center!important;
        display: flex!important;;
        align-content: flex-start!important;
    }


    #home-footer {
        background: url("https://www.vswt.utah.edu/wp-content/uploads/2025/09/Group-2061.png") center/contain no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 50px 0 50px 0;
        height: 700px;
    }
    #panel-11-9-0-0  {
        padding: 50px 15px 50px 15px !important;
        margin-top: 60px;
    }
}

@media screen and (max-width: 780px) {
    #experience {
        display: flex;
        gap: 0px;
    }
}

/* END */




/* MOUSE BLUR */

/* Apply this class to the section/container you want the glow inside */
.mouse-glow{
    position: relative;
    background: #fff;
    overflow: visible;

    isolation: isolate;
}

/* shared styles for both blobs */
.mouse-glow::before,
.mouse-glow::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 50%;
    background: linear-gradient(210deg,#E2E2E2 10.08%,#2DC8FF 92.28%);
    opacity: 0;
    will-change: transform, opacity;
}

/* front glow */
.mouse-glow::before{
    width: 300px; height: 300px;
    filter: blur(100px);
    transform: translate(calc(var(--mx, -9999px) - 150px),
    calc(var(--my, -9999px) - 150px));
    z-index: 1;
    transition: opacity .3s ease, transform .15s ease;
}

/* back glow */
.mouse-glow::after{
    width: 400px; height: 400px;
    filter: blur(120px);
    transform: translate(calc(var(--mx, -9999px) - 200px),
    calc(var(--my, -9999px) - 200px));
    z-index: 0;
    transition: opacity .4s ease, transform .2s ease;
}

.mouse-glow:hover::before{ opacity: .30; }
.mouse-glow:hover::after{  opacity: .15; }


@media (hover: none){
    .mouse-glow{ cursor: auto; }
}

/* END */
/* UNDERLINE */

.underline {
    position: relative;
    text-decoration: none;
    display: inline;
}

.underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.08em;
    height: 0.25em;
    background-image: url("https://www.vswt.utah.edu/wp-content/uploads/2025/09/Slash.png");
    background-repeat: repeat-x;
    background-size:100%;
    pointer-events: none;
}

/*  END */

/* STYLING FOR PUBLICATIONS */
.publications-container { max-width:1200px; margin:0 auto; padding:20px; font-family:inherit,sans-serif; min-height: 60vh}
.sort-controls { display:flex; gap:16px; align-items:center; margin-bottom:24px; justify-content: space-between;}
.sort-controls h1 {
    margin: 0!important;
    position: relative;
}

.sort-controls h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #be0000;
}
.control-group { display:flex; align-items:center; gap:8px; }
.custom-select { position:relative; }
.select-btn { padding:8px 25px; border:1px solid #ddd; background:#fff; border-radius:4px; cursor:pointer; display:flex; align-items:center; gap:4px; font-size:14px; }
.select-btn:hover { background:#f9f9f9; }
.select-options { position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 4px 8px rgba(0,0,0,0.1); display:none; max-height:200px; overflow:auto; z-index:10; }
.select-options.show { display:block; }
#sortOptions {
    padding: 0;
    margin: 0;
}
.detail-section h4 img { height: 20px; width: 16px;
}
.select-options li { padding:8px 12px; cursor:pointer; list-style:none; }
.select-options li:hover { background:#f0f0f0; }
.filter-panel { display:none; position:absolute; top:100%; left:0; width:280px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 4px 12px rgba(0,0,0,0.15); padding:16px; z-index:10; }
.filter-panel.show { display:block; }
.filter-group { margin-bottom:16px; }
.filter-group h3 { margin:0 0 8px; font-size:1rem; font-weight:600; }
.filter-group label { display:flex; align-items:center; gap:8px; margin-bottom:6px; cursor:pointer; font-size:14px; }
.filter-group input[type="checkbox"] { margin:0; }
.filter-actions { display:flex; gap:8px; justify-content:center; margin-top:16px; }
.filter-reset, .filter-apply { padding:8px 16px; border-radius:4px; border:none; cursor:pointer; font-size:13px; font-weight:700; text-transform:uppercase; min-width: 100px;}
.filter-reset { background:#fff; color:#000; border: 1px solid #E2E6E6 }
.filter-reset:hover { background:#e0e0e0; }
.filter-apply { background:#be0000; color:#fff; }
.filter-apply:hover { background:#91172c; }

.publications-heading {
    display: flex;
    align-items: center;
    margin: 40px 0 20px;
    font-size: 32px;
    font-weight: 600;
    color: #be0000;
    font-family: inherit;

    padding-bottom: 0;
    border-bottom: none;
}

.publications-heading::after {
    content: "";
    display: block;
    flex-grow: 1;
    height: 1px;
    background: #be0000;
    margin-left: 1em;
}
.publications-heading:first-of-type {
    margin-top: 20px;
}

.publication-entry { padding-top:16px; margin-bottom:16px; background:#fff; }
.publication-entry[hidden] { display:none; }
.pub-header { display:flex; gap:8px; margin-bottom:8px; }
.pub-badge { padding:2px 6px; border-radius:4px; font-size:14px; text-transform:uppercase; font-weight:700; }
.pub-year-badge { background:#be0000; color:#fff; font-size: 14px }
.pub-type-badge { background:#E2E6E6; color:#000; text-decoration: uppercase; }
.pub-title { margin:8px 0; font-size:18px; font-weight:600; font-family: inherit; }


.pub-title a {
    text-decoration:none!important;
    color:#000;
    display:flex;
    align-items:center;
    gap:8px;
    transition: color 0.3s ease;
}
.pub-title a:hover {
    color:#91172c;
}


.pub-title .pdf-arrow {
    font-size: 20px;
    transition: transform 0.3s ease;
    display: inline-block;
    color: #be0000;
}
.pub-title a:hover .pdf-arrow {
    transform: translateX(30px);
}


.pub-title.no-pdf {
    color: #333;
}

.pub-meta p { margin:4px 0; color:#555; font-size:14px; line-height:1.4; }
.pub-details summary { display:flex; align-items:center; gap:8px; cursor:pointer; font-weight:500; padding:8px 0; color:#be0000; font-family: inherit; font-size: 16px; width: 25%;}
.pub-details summary:hover { color:#91172c; }
.pub-details summary::-webkit-details-marker { display:none; }
.summary-icons { display:flex; align-items:center; gap:8px; }
.summary-icons img {height: 20px; width: 20px}
.chevron-icon { margin-left:auto; transition:transform 0.3s; font-size:12px; }
.pub-details[open] .chevron-icon { transform:rotate(180deg); }
.pub-details-content { padding:30px; border-top:1px solid #eee; }
.detail-section { margin-bottom:1em; display: flex; align-items: flex-start; }
.detail-section:last-child { margin-bottom:0; }
.detail-section h4 { margin: 0;
    margin-right: 0.5em;
    white-space: nowrap;  font-size:16px; font-weight:700; color:#be0000; }
.detail-section .wysiwyg-content {
    flex: 1;
    margin: 0;
    font-family: inherit;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
}
.detail-section .wysiwyg-content > *:first-child {
    margin-top: 0;
}
.detail-section .wysiwyg-content > *:last-child {
    margin-bottom: 0;
}
.wysiwyg-content { font-family: inherit; font-weight: 400; font-size: 17px; line-height: 1.5; }
.wysiwyg-content > *:first-child { margin-top:0; }
.wysiwyg-content > *:last-child { margin-bottom:0; }
.field-content { font-family: inherit; font-size: 14px; color: #555; margin: 4px 0; }
.field-label { font-weight: 600; color: #333; display: inline-block; min-width: 80px; }
@media screen and (max-width:780px){
    .sort-controls { flex-direction:column; align-items:flex-start; }
    .filter-panel { width:225px; }
    .publications-heading { font-size: 36px; }
    .pub-details summary {width: auto!important;}
    .publications-container {padding: 0!important;}
    .pub-details-content {padding: 15px;
    }
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
    gap: 10px;
}

.pagination-info {
    margin: 20px 0;
    text-align: right;
    color: #666;
    font-size: 14px;
}

.pagination-btn {
    padding: 8px 12px;
    border: 1px solid #ddd;
    background: white;
    color: #333;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    min-width: 36px;
    justify-content: center;
}

.pagination-btn:hover {
    background: #f5f5f5;
    border-color: #999;
}

.pagination-btn.active {
    background: #be0000;
    color: white;
    border-color: #be0000;
}

.pagination-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-btn:disabled:hover {
    background: white;
    border-color: #ddd;
}

.pagination-ellipsis {
    padding: 8px 4px;
    color: #666;
}
.sort-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
    margin-top: 60px;
}
.sort-filter-controls {
    display: flex;
    gap: 16px;
}
@media (max-width: 780px) {
    .sort-controls {
        flex-direction: column;
        align-items: flex-start;
    }
    .sort-filter-controls {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
}

/* END */

/* ABOUT */
 .panel-row-style-for-w68f16b890a140-0 {
     display: flex;
     gap: 15px;
 }

.new-vswt li::marker {
    color: #306081;
    font-size: 30px;
    font-weight: bold;
}

.new-vswt a {
    color: #306081;
}

.page-id-40 .uu-team-member-widget-card {
    border-radius: 15px!important;
}
#pg-w68caeda231edd-0.panel-has-style > .panel-row-style, #pg-w68caeda231edd-0.panel-no-style {
    gap: 15px;

}
.page-id-40 .uu-team-member-widget-modal.modal-horz .uu-team-member-widget-modal-body {
    cursor: pointer!important;
}

.page-id-40 .uu-team-member-widget-title {
    color: #000000!important;
}

.page-id-40 .uu-team-member-widget-body button {
    background-color: #000!important;
}

#our-team .mouse-glow {
    cursor: pointer!important;
}

#pg-w68d1820e778b0-0 > .panel-row-style {
    gap: 15px;
}

@media screen and (min-width: 780px) and (max-width: 1024px) {
    #pg-40-5 > .panel-row-style {
        padding: 20px!important;
    }
    #pg-40-0 > .panel-row-style {
        padding: 20px!important;
    }
}

@media screen and (max-width: 780px) {
    #pg-40-4 {
        gap: 0!important;
    }

    #pgc-40-4-0 {
        margin-bottom:  0!important;
    }
    #pgc-40-4-1 > .panel-cell-style {
        padding: 0!important;
    }
}

/* END */

/* VMI Page */
#panel-w68cc2e3ebd735-0-1-0 {
    margin-left: 30px;
}
.bullet-points {
    display: flex;
    gap: 10px;
}
#pg-40-4 {
    gap: 75px;
}
@media screen and (min-width: 780px) {
    #desktop {
        display: flex!important;
    }
    .mobile {
        display: none!important;
    }
    .vmi-footer {
        min-height: 600px;
    }
    .card {
        min-height: 300px!important;
        border: none!important;
    }

    .page-id-94 .card {
        min-height: 340px!important;
    }
}

@media screen and (max-width: 780px) {
    #desktop {
        display: none!important;
    }
    .mobile {
        display: block!important;
    }

    #panel-w68cc2e3ebd735-0-1-0 {
        margin-left: 0;
    }
    .vmi-tabs .accordion-checkmark {
        display: block!important;
        gap: 10px!important;
        padding: 5px;
    }
    .vmi-tabs .accordion-checkmark img {
        height: 15px!important;
        width: 15px!important;
    }
}

.checkmark {

    display: flex;
    gap: 10px;
    border-bottom: 2px solid #e2e6e6;
    padding: 5px;
}

.accordion-checkmark {

    display: flex;
    gap: 10px;
    padding: 5px;
}


 .vmi .uu-team-member-slide .uu-team-member-widget-card {
     height: 215px!important;
     min-height: 200px!important;
 }
.vmi .uu-team-member-slider-widget-img img {
    height: 125px;
    width: 125px;
    object-fit: contain;
    padding: 40px;

}
.vmi .uu-team-member-slider-widget-img {
    flex: 0 0 125px!important;
    min-width: 200px!important;
}

.vmi-card .uu-card-widget-card-img {
    height: 277px!important;
}

.vmi-tabs .uu-accordion-btn.open {
    background-color: #2dc8ff!important;
    color: #000000!important;
}
/* END */

/* NEWS POSTS */
.panel-grid-cell {
    width: 100% !important;
}
.panel-grid-cell-empty {
    display: none!important;
}

.page-id-74 .uu-pl-card-title {
    font-family: "factoria", sans-serif;
    color: #000!important;
}
.page-id-74 .uu-pl-card-btn-wrapper button{
    background-color: #000!important;
}
.page-id-74 .uu-pl-card {
    border-radius: 15px!important;
 }
/* Layout */
.two-col-post__grid{
    display:grid;
    grid-template-columns:minmax(220px,380px) 1fr;
    gap:clamp(24px,3vw,48px);
    align-items:start;
    max-width:min(1200px,92vw);
    margin:0 auto;
    padding:clamp(24px,4vw,48px) 0;
}

/* Sticky left column */
.two-col-post__left{
    position:sticky;

    top:var(--sticky-top,24px);
}

/* Date “tag” */
.post-date-tag{
    display:inline-block;
    font:600 0.75rem/1 inherit, sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:#e2e6e6;            /* Tag background */
    border:1px solid #e5e7eb;
    border-radius:999px;            /* Pill shape */
    padding:.35rem .6rem;
    margin-bottom:1rem;
}

/* Title */
.two-col-post__title{
    font-size:clamp(28px,3.6vw,44px);
    line-height:1.1;
    margin:0;
}

/* Featured image */
.two-col-post__thumb{ margin:0 0 clamp(20px,3vw,32px) 0; }
.two-col-post__img{ width:100%; height:auto; display:block; }


.two-col-post__content > *:first-child{ margin-top:0; }

/* Responsive: stack on mobile and disable sticky */
@media (max-width: 992px){
    .two-col-post__grid{ grid-template-columns:1fr; }
    .two-col-post__left{ position:static; margin-bottom:16px; }
}

/* END * /


 */
@media screen and (max-width:780px){
    .accordion-checkmark img {
        max-width: 25px!important;
        max-height: 25px!important;
        height: 25px!important;
        width: 25px!important;
    }
}




.umc-accimg__item.is-active .umc-accimg__trigger {
    opacity: 1;
    background: transparent;
    color: #000000;
    font-size: 30px!important;
}

/* CARD CAROUSEL */
.card {
    border-radius: 15px;
}
.small-images .owl-carousel .owl-item img {
    max-width: 50px;
    max-height: 50px;
}


@media screen and (max-width: 400px) {
    #panel-399-0-0-0 h1 {
        font-size: 34px!important;
    }
}

/* ====== RESOURCES ===== */

@media screen and (min-width: 780px) and (max-width: 1200px) {
    #pg-443-0 > .panel-row-style {
        padding: 30px 0 0 0!important;
    }
    .resources-image-text {
        gap: 70px!important;

    }
    #pg-40-7 > .panel-row-style {
        padding: 20px!important;
    }
    #pg-487-0 > .panel-row-style {
        padding: 30px 0 0 0!important;
    }

    .wp-image-114 {
        max-height: 25px;
    }
}

@media screen and (min-width: 1200px) {
    .resources-image-text {
        gap: 70px!important;

    }
    .resources-image-text img {
        border-radius: 15px;

    }
}
.resources-image-text img {
    border-radius: 15px;

}

/* END */



/* ===== VHS ==== */

.vhs .checkmark img {
    max-height: 25px!important;
}

#pg-w68d2d9203b9e4-0 {
    gap: 40px;
}
@media screen and (min-width: 1200px) {
    #pg-w68d2d9203b9e4-0 {
        gap: 40px;
    }
}
/* END */