/* Accessibility */ /* Fixing Interactive element does not meet minimum size nor spacing - Colleges Page Links */ .slab .image-cards .item .message .inner .hilites ul li { line-height: 1.3rem; } /* Fixing Interactive element does not meet minimum size nor spacing - Breadcrumbs */ ol.breadcrumbs li a, ol.breadcrumbs li a:visited { /*line-height: .875rem;*/ line-height: 1rem; } /* Fixing Second Link on Side Menu - Issue Interactive element does not meet minimum size nor spacing */ .sidebar-nav li:nth-child(2) { } .sidebar-nav li:nth-child(2) a { padding: 20px 15px 15px 5px; } /* Fixing Color contrast does not meet minimum requirement - SOM alert blue background */ .alert.alert-primary.rounded-0.text-dark p a { color: #8A3200; } /* Fixing Color contrast does not meet minimum requirement - Clery Act link on Admissions site */ .bg-body-tertiary a, .bg-body-tertiary a:visited { color: #943805; } /* Fixing Color contrast does not meet minimum requirement - anchor in utrgv-tables table */ .utrgv-tables.table-bordered a, .utrgv-tables.table-bordered a:visited { color: #943805; } /* Fixing Color contrast does not meet minimum requirement - utrgv table even rows with darker background */ .utrgv-tables tr:nth-child(even) a { color: #b34700; } /* Fixing Color contrast does not meet minimum requirement - table odd rows with darker background */ .table tr:nth-child(odd) a { color: #b34700; } /* Fixing Color contrast does not meet minimum requirement - CEP Applying for Certification orange module */ .section-orange.module-section.p-0 .college_message_copy a, .section-orange.module-section.p-0 .college_message_copy a:visited{ color: #B34100; } /* Fixing Color contrast does not meet minimum requirement - CEP Applying for Certification grey module */ .section-grey.module-section.p-0 .college_message_copy a, .section-grey.module-section.p-0 .college_message_copy a:visited { color: #B34100; } /* Fixing Color contrast does not meet minimum requirement - light grey module */ .section-lt-grey.module-section.p-0 .college_message_copy a, .section-lt-grey.module-section.p-0 .college_message_copy a:visited { color: #B34100; } /* Keep button text white inside orange sections */ .section-orange.module-section.p-0 .college_message_copy a.btn.btn-cta, .section-orange.module-section.p-0 .college_message_copy a.btn.btn-cta:visited { color: #ffffff !important; } /* Keep button text white inside grey sections */ .section-grey.module-section.p-0 .college_message_copy a.btn.btn-cta, .section-grey.module-section.p-0 .college_message_copy a.btn.btn-cta:visited { color: #ffffff !important; } /* Keep button text white inside light grey sections */ .section-lt-grey.module-section.p-0 .college_message_copy a.btn.btn-cta, .section-lt-grey.module-section.p-0 .college_message_copy a.btn.btn-cta:visited { color: #ffffff !important; } /* Fixing Color contrast does not meet minimum requirement - Links within tab content */ .bg-light { background-color: #fbfbfb !important; border: 1px solid #d9d9d9; } /* Fixing Color contrast does not meet minimum requirement - Graduate Certificates table odd rows */ #certTable a, #certTable a:visited { color: #C24700; /* Darker burnt orange */ } /* Global focus indicator */ :focus { border: 2px solid #ffffff !important; outline: #003fbb solid 3px !important; } /* Skip to Main Content */ #skiptocontent a { padding:6px; position: absolute; top:-400px; left:0px; color:white; border-right:1px solid white; border-bottom:1px solid white; border-bottom-right-radius:8px; /*background:transparent; */ background: #A9141E; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; } #skiptocontent a:focus { position:absolute; left:0px; top:0px; background:#A9141E; outline:0; -webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; } /* Left menu - adding visible focus style */ ul.sidebar-nav li a:focus { border: 2px solid #ffffff !important; outline: #003fbb solid 3px !important; } ul.sidebar-nav li a:focus, ul.sidebar-nav li a:visited:focus { border: 2px solid #ffffff !important; outline: #003fbb solid 3px !important; } ul.sidebar-nav li.sidebar-has-sub a.toggle-sidebar-sub:focus, ul.sidebar-nav li.sidebar-has-sub a:focus { border: 2px solid #ffffff !important; outline: #003fbb solid 3px !important; } /* Increasing contrast of carousel pagination link squares */ #slider-mod .selectors-panel .item { background-color: #4b4b4b; } #slider-mod .selectors-panel .item:hover { background: #FFFFFF !important; ; border: 2px solid #000000 !important; } /* Hidden class used on homepage form to fix form field is not labeled on four fields */ .hidden { display: none !important; } /* Accordion visible focus style */ .slab a.accordion-toggle:focus { border: 2px solid #ffffff !important; outline: #003fbb solid 3px !important; } /* Main content link visibility beyond color */ .html-content p a { text-decoration: underline; } .html-content p a:hover { font-weight: bold; } .html-content p a:focus { font-weight: bold } .menu-bottom .jump-nav li .icon-flex:focus, .nav-trigger:focus{ outline: #ffffff solid 3px !important; } footer a:focus{ margin: 5px; padding: 5px; outline: #ffffff solid 3px !important; } .image-teaser-button a:focus{ outline: #000000 solid 4px !important; } /* Accessibility fix for Hero section when zoomed >= 400% */ .message-wrap img, .message-wrap .overlay{ display:none; } /* Responsive Design Fix for displays under 530 */ @media only screen and (max-width:530px) { .media{ display:none; } .message-wrap{ height: 480px; width: 100%; position: relative !important; overflow: hidden; } .message-wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; z-index: -1; display: block; } .message-wrap .overlay{ z-index: -1; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; background: linear-gradient(transparent 0,#000 95%); display: block; } } /* Accessibility fix: Adding contrast to inputs and selects borders */ .slab .program-finder .form .inner .pf-search input, .slab .program-finder .form .inner .select-items .select-item select, .form .inner .pf-search input, .form .inner .select-items .select-item select{ border: 1px solid #000000 !important; } /* Accessibility fix: Changed div to H2 so it now needs color white */ .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body .headgroup .headline{ color:white !important; } /* Accessibility fix: Title and subtitle text didn't have enough contrast so adding this overlay will help increase contrast */ .slab .hero .media .overlay, .slab .hero .media.landing-short .overlay{ /*background: linear-gradient(to left, transparent 0%, #000 90%), linear-gradient(to bottom, transparent 0%, #000 95%); */ } .slab .hero.home .message-wrap .inner .message .title{ filter: drop-shadow(5px 5px 5px black); text-shadow: 5px 5px 5px black; } .slab .hero.home .message-wrap .inner .message .subtitle{ filter: drop-shadow(5px 5px 5px black); text-shadow: 5px 5px 5px black; font-weight: bold; } /* Accessibility fix: Breadcrumbs need to be inside