@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&display=swap');

main * { box-sizing: border-box; }

html { scroll-behavior: smooth; }

.MaD-skip-to-results-link { text-decoration: none; font-family: inherit; line-height: 1; margin: 0 0 0 10px; }

.sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

:root { --tileWidth: calc((100vw - (100vw - 100%)) * 0.4); --GrayBG: #e7e7e7a3; }

@media screen and (min-width: 280px) {
    .program-container img, legend { border: 0; margin: 0; padding: 0; }

    .MaD-Search-Wrapper, .MaD-CBXs { border: 0; margin: 0 auto; padding: 0 2rem; }

    .MaD_radio-wrapper { border: 0; padding: 0; }

    .program-container ul { margin: 0 0 0 -20px; }

    .program-container li { margin: 0 0 0 0; }

    main img { height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; }

    .hide, .CBXhide { display: none !important; }

    .randomImage.image1 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image1.jpg'); }

    .randomImage.image2 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image2.jpg'); }

    .randomImage.image3 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image3.jpg'); }

    .randomImage.image4 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image4.jpg'); }

    .randomImage.image5 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image5.jpg'); }

    .randomImage.image6 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image6.jpg'); }

    .randomImage.image7 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image7.jpg'); }

    .randomImage.image8 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image8.jpg'); }

    .randomImage.image9 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image9.jpg'); }

    .randomImage.image10 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image10.jpg'); }

    .randomImage.image11 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image11.jpg'); }

    .randomImage.image12 { background-image: url('/media/uhv/design-2023/site-assets/images/backgrounds/image12.jpg'); }

    /*#region Programs */
    #results { display: flex; width: calc( 100vw - ( 100vw - 100% ) ); flex-direction: row; align-content: center; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; gap: 1rem; }

    #noResultsMessage, .randomImage.noResultsImage { width: 19.8vw; height: 19.8vw; min-width: 340px; min-height: 340px; float: left; background-color: #fb8b0061; padding: 100px 25px; }

    .randomImage.noResultsImage { background-size: 95%; background-repeat: no-repeat; background-position: center; }

    p.resultsMessage { margin: 0; }

    .program-container { background-color: #ffffff !important; border: 1px var(--platinum) solid; padding: 0.65rem; max-width: 450px; min-height: 360px; /*max-height: 360px;*/ width: var(--tileWidth); min-width: 259.8px; height: auto; float: left; }

    .randomImage { background-size: cover; background-repeat: no-repeat; background-position: center; border: none; transition: background-image, transform 0.6s ease; width: calc( var(--tileWidth) + 0px); }

    .college-of-business.hovered { border-color: #3c7295; }

    .college-of-education-and-health-professions.hovered { border-color: #0e423f; }

    .college-of-liberal-arts-and-social-sciences.hovered { border-color: #57c4c0; }

    .college-of-natural-and-applied-science.hovered { border-color: #8dc63f; }

    .program-container.hovered { background-color: #ffffff4d; outline: none; }

    .program-container.hovered .program, .program:focus a.hovered { top: 0; }

    .program-summary { line-height: 1.5; margin: 0 0; }

    .program-container.hovered .program-summary * { opacity: 1; height: 100%; transition: height 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s; }

    .program-container.hovered .program-college { color: #e1251b; }

    .program-container.hovered .program-heading a { color: #000000; text-decoration: underline; }

    /*.program-container:not(.hide):not(.CBXhide):not(.randomImage):nth-of-type(odd) { background-color: var(--GrayBG); }*/

    .program-container:not(.hide):not(.CBXhide):not(.randomImage).hovered { background-color: #ffffff8c; }

    .program { padding: 10px; }

    .program .program-college, .program h2.program-heading { color: #ae0000; font-weight: 550; font-size: 1.15rem; margin-top: 0; margin-bottom: 1rem; line-height: 1.5; }

    .program h2.program-heading a { text-decoration: none; color: #C92018; /*#d32319*/ }
    /*#endregion */

    /*#region Letter Search */

    .letterSquare { display: flex; width: 60px; height: 60px; background-color: #D11D14; color: #ffffffff; font-size: 35px; justify-content: center; align-items: center; margin: 1px; cursor: pointer; user-select: none; }

    .letterSquare:active, .letterSquare:focus { outline: 3px dotted #4778d9; }

    .letterSquare.selected { background-color: #1a1a1a; }

    .letterSquare:hover, .letterSquare:focus { outline: 2px solid blue; background-color: #1a1a1a; color: #ffffff; }

    .MaD_radio-wrapper legend { font-size: 1.2rem; font-weight: 500; color: #e1251b; margin: 0 0 10px 0; text-align: center; }

    .MaD_radio-wrapper input { position: absolute; opacity: 0; }

    .MaD_radio-wrapper label { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #D11D14; text-align: center; line-height: 40px; color: #ffffffff; font-size: 1.2rem; font-weight: 500; margin: 1px; }

    .MaD_radio-wrapper label:first-of-type { width: 100px; }

    .MaD_radio-wrapper input:checked + label { background-color: black; }

    .MaD_radio-wrapper input:disabled + label { background-color: #c2c2c2; color: #4f4f4f; cursor: not-allowed; }

    .MaD_radio-wrapper input:focus-visible + label, .MaD_radio-wrapper input:active + label { outline: -webkit-focus-ring-color auto 1px; outline-offset: 2px; }

    /*#endregion */

    /*#region CheckBox Search */
    .MaD-CBXs { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1714px; }

    .MaD-CBXs .checkbox-item { align-items: center; display: flex; margin-bottom: 15px; }

    .MaD-CBXs .checkbox-label { display: inline-block; line-height: 1.3; margin-left: 41px; text-indent: -41px; }

    .MaD-CBXs .MaD-CBX-Col { align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 20px; }

    .MaD-CBXs .MaD-CBX-Col-Heading { color: #e1251b; font-size: 2.1rem; font-weight: 600; line-height: 1; margin-bottom: 10px; margin-right: 20px; }

    .MaD-CBXs .MaD-CBX-group { display: flex; flex: 0 0 auto; font-size: 1.2rem; gap: 2rem; }

    .MaD-CBXs input[type="checkbox"] { height: 25px; margin: 0; padding: 0; position: relative; top: 4px; width: 30px; }
    /*#endregion */
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .program-container { min-width: 340px; }

    .program-container, .program-container:not(.hide):not(.CBXhide):not(.randomImage):nth-of-type(odd) { background-color: unset; }

    .program-container:nth-child(4n+0),
    .program-container:nth-child(4n+3) { background-color: var(--GrayBG); }

    .program-container:nth-child(4n+1),
    .program-container:nth-child(4n+2) { background-color: #f1f1f16e; }

    .program .program-college, .program h2.program-heading { text-transform: capitalize; font-weight: 550; margin-top: 0; margin-bottom: 1rem; }
}

@media screen and (min-width: 1024px) and (max-width: 1699px) {
    .program-container { min-width: 370px; }

    .program-container,
    .program-container:not(.hide):not(.CBXhide):not(.randomImage):nth-of-type(odd) { background-color: unset; }

    .program-container:nth-child(8n+0),
    .program-container:nth-child(8n+3),
    .program-container:nth-child(8n+5),
    .program-container:nth-child(8n+6),
    .program-container:nth-child(8n+8) { background-color: var(--GrayBG); }

    .program-container:nth-child(8n+1),
    .program-container:nth-child(8n+2),
    .program-container:nth-child(8n+4),
    .program-container:nth-child(8n+7) { background-color: #f1f1f16e; }

    .program-summary { line-height: 1.5; font-size: 0.9em; }

    .program .program-college, .program h2.program-heading { font-weight: 550; font-size: 1rem; margin-bottom: 1rem; }
}

@media only screen and (max-width : 767px) {
    .MaD_radio-wrapper { display: none; }

    .MaD-CBXs { justify-content: flex-start; }

    .MaD_ClearSearch, .MaD-skip-to-results-link { margin-top: 15px; }

    .MaD-CBXs .MaD-CBX-Col-Heading { font-size: 2rem; margin-bottom: 10px; margin-right: 20px; }

    .program .program-college, .program h2.program-heading { margin-bottom: 0.5rem; }
}

@media only screen and (min-width : 768px) {
    .MaD_radio-wrapper { position: relative; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; margin: 0 auto 4rem auto; justify-content: center; max-width: 1714px; }
}

@media screen and (min-width: 768px) and (max-width: 1699px) {
    .MaD-CBXs .MaD-CBX-Col-Heading { font-size: 1.8rem; }

    .MaD_radio-wrapper legend { font-size: 1.8rem; }
}

@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) {
    .MaD-CBXs .MaD-CBX-Col-Heading { font-size: 2rem; margin-bottom: 10px; margin-right: 20px; }

    .MaD-Search-Wrapper, .MaD-CBXs { border: 0; margin: 0 auto; padding: 0 2rem; }

    .program-container { width: 100%; max-height: 57vh; min-height: calc(100vh - 72px); max-width: 100%; }

    .MaD-CBXs .checkbox-label { display: inline-block; line-height: 1.3; margin-left: 41px; text-indent: -41px; }

    section.grey.container.padding { background-size: unset !important; }

    section.grey.container.padding p { padding: 0; margin: initial; line-height: 1.5; }

    .program { position: relative; padding: 10px; top: 100px; transition: top 0.3s ease-in-out; }

    .program-summary p { margin: 0 0; }

    .program-container.randomImage { background-size: contain; }
}

@media only screen and (min-width : 280px) and (max-width : 667px) and (orientation : portrait) {
    .MaD-CBXs .MaD-CBX-Col-Heading { font-size: 1.6rem; margin-bottom: 10px; margin-right: 0; }

    .MaD-Search-Wrapper, .MaD-CBXs { border: 0; margin: 0 auto; padding: 0 1rem; }

    .program-container { width: 100%; height: 370px; }

    .MaD-CBXs .checkbox-label { display: inline-block; line-height: 1.3; margin-left: 41px; text-indent: -41px; }

    section.grey.container.padding { padding: 1rem; }

    section.grey.container.padding p { padding: 0; margin: initial; line-height: 1.5; font-size: 1rem; }

    .program-container.randomImage { background-size: cover; max-height: 100vw; }

    .program-summary { line-height: 1.5; }
}

@media only screen and (min-width : 360px) and (max-width : 780px) and (orientation : landscape) {
    .MaD-CBXs .MaD-CBX-Col-Heading { font-size: 2rem; margin-bottom: 10px; margin-right: 20px; }

    .MaD-Search-Wrapper, .MaD-CBXs { border: 0; margin: 0 auto; padding: 0 2rem; }

    .program-container { width: 100%; max-height: 57vh; min-height: calc(100vh - 72px); max-width: 100%; }

    .MaD-CBXs .checkbox-label { display: inline-block; line-height: 1.3; margin-left: 41px; text-indent: -41px; }

    section.grey.container.padding { background-size: unset !important; }

    section.grey.container.padding p { padding: 0; margin: initial; line-height: 1.5; }

    .program { position: relative; padding: 10px; top: 100px; transition: top 0.3s ease-in-out; }

    .program-summary p { margin: 0 0; }

    .program-container.randomImage { background-size: contain; }

    .program h2.program-heading a { text-decoration: none; color: #d32319; font-size: 1rem; }

    .program .program-college, .program h2.program-heading { text-transform: capitalize; font-weight: 550; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.5; }
}

@media only screen and (min-width : 360px) and (max-width : 780px) and (orientation : portrait) {
    .MaD-CBXs .MaD-CBX-Col-Heading { font-size: 1.6rem; margin-bottom: 10px; margin-right: 0; }

    .MaD-Search-Wrapper, .MaD-CBXs { border: 0; margin: 0 auto; padding: 0 1rem; }

    .MaD-CBXs .checkbox-label { display: inline-block; line-height: 1.3; margin-left: 41px; text-indent: -41px; }

    section.grey.container.padding { padding: 1rem; }

    section.grey.container.padding p { padding: 0; margin: initial; line-height: 1.5; font-size: 1rem; }

    .program-container.randomImage { background-size: cover; max-height: 100vw; }

    .program-summary { position: relative; font-size: 1rem; top: 100px; transition: top 0.4s ease-out; transition-delay: .1s; line-height: 1.5; margin: 0 0; }

    .program h2.program-heading a { text-decoration: none; color: #d32319; }

    .program .program-college, .program h2.program-heading { font-size: 1.2rem; }
}

@media only screen and (max-width : 667px) and (orientaion: lanscape) {
    .MaD_radio-wrapper { display: nome !important; }
}