/* Accessibility */


/* Web form reCAPTCHA  focus increase color contrast fix for  
   UMC-84 - Ensure color is not the sole means of communicating information */


/* 1) Accessible focus ring around the captcha wrapper */
.recaptcha-accessible-wrapper:focus-within,
.recaptcha-accessible-wrapper.is-focus {
    outline: 3px solid #1a73e8 !important; /* AA contrast color */
    outline-offset: 4px !important;
    border-radius: 6px;
}

/* 2) Wrapper basics */
.recaptcha-accessible-wrapper {
    position: relative;
    display: inline-block;
    border-radius: 6px;
}

/* 3) Tiny interior margin keeps outline from touching iframe */
.recaptcha-accessible-wrapper .g-recaptcha {
    margin: 4px;
}

/* 4) Screen-reader-only utility */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* 5) Form footer alignment — keeps captcha + submit aligned right */
.form-footer {
    display: flex;
    justify-content: flex-end; /* right aligned */
    align-items: center;
    gap: 12px;                /* spacing between captcha and button */
    flex-wrap: wrap;          /* wrap safely on small screens */
}

/* 6) Remove leftover float-based alignment (not used anymore) */
.recaptcha-align-right {
    float: none !important;
    margin-left: 0 !important;
}




/*Color contrast does not meet minimum requirement - Hexagonal Carousel*/
/*Guided review does not know the color is different from the normal link color as both color and background-color are not specified on same tag*/

/*Dark Hex */
.ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(1) .hexagon .heading,
.ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(1) .hexagon .sub-heading {
    color: #ffffff;
    background-color: #4c4a4f;
}

/*Light Hex */
.ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item .hexagon .heading,
.ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item .hexagon .sub-heading {
    color: #4c4a4f;
    /* background-color: #e6e6e6; */
}

/*Orange Hex*/
.ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(3) .hexagon .heading,
.ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(3) .hexagon .sub-heading
 {
    color: #ffffff;
    background-color: #cb4900;
}


/* 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) {*/
/*}*/

/* REMVOING. This was causing an indentation only for second menu item.
 .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 <nav> */
 nav.breadcrumbs li {
	 display: inline-block;
	 margin: 0;
	 padding: 0;
	 color: #fff;
	 font-size: .875rem;
	 line-height: .75rem;
	 text-transform: uppercase;
	 font-weight: 400;
}
 nav.breadcrumbs li a, nav.breadcrumbs li a:visited {
	 font-weight: unset;
}
 nav.breadcrumbs li a, nav.breadcrumbs li a:visited {
	 text-transform: uppercase;
	 text-decoration: none;
	 font-size: .875rem;
	 line-height: 1.2rem;
	 color: #fff;
	 padding: 0;
	 font-weight: 700;
}
 nav.breadcrumbs>li+li:before {
	 padding: 0 5px 0 2px;
	 font-family: "Font Awesome 6 Pro";
	 font-size: 12px;
	 font-weight: 300;
	 color: #fff;
	 content: '\f054';
	 color: #cb4900;
}
 ul.breadcrumbs li{
	 text-transform: capitalize;
}
 ul.breadcrumbs li a, ul.breadcrumbs li a:visited{
	 text-transform: capitalize;
}
 .searchContainer button:focus{
	 border: 2px solid #cb4900 !important;
	 outline: #cb4900 solid 3px !important;
}
/* Accessibility Fix */
 .pl-2{
	 padding-left: .5rem;
}
 .h-links-zone-mobile{
	 display: none;
}
 .mobile-nav-bar{
	 display: none;
}
 @media (max-width: 991px) {
	 .menu-title-top{
		 display:none;
	}
	 .h-links-zone-mobile{
		 display: block;
	}
	 .mobile-nav-bar{
		 display: block;
	}
}
/* Fixing: Interactive element does not meet minimum size nor spacing */
 footer > div > div.foot-col.colz > ul.policy-links > li, footer > div > div.foot-col.colz > ul.dir-links > li, footer > div > div.foot-col.block > div.foot-link-collection > div > ul > li {
	 font-size: 14px;
	 padding: 4px;
}
 footer .wrapper .foot-col .foot-link-collection .foot-links ul li a{
	 font-size: unset;
}
 .html-content ul li{
	 margin: 5px 0px;
}
 .social-icons li a{
	 min-width: 24px;
	 min-height: 24px;
}
 
 
 ul.sidebar-nav li.sidebar-has-sub a.toggle-sidebar-sub{
     background-color:transparent;
 }
 
.play-controls button:focus { 
  outline: 3px solid #cb4900!important;
  outline-offset: 2px; 
} 
.play-controls button:focus:not(:focus-visible) {
  outline: none;
}

.recaptcha-checkbox-border:focus-within {
  outline: 3px solid #000000 !important; /* High contrast color */
  outline-offset: 4px !important;
}



/* Highlight Tiles Accessibility Fix */

/* Ensure the link matches the size of the chevron box exactly */
.custom-tile-link {
    display: inline-block;
    line-height: 0; /* Prevents extra height from font-size */
}

/* Fix the focus indicator */
.custom-tile-link:focus {
    outline: none;
}

.custom-tile-link:focus-visible {
    /* This creates the ring around the square without shifting layout */
    outline: 3px solid #ffffff !important;
    outline-offset: -3px !important; /* Pulls the outline inside the box slightly */
    box-shadow: 0 0 0 5px #003fbb !important; /* Adds a white inner border for visibility */
}

/* If your .box-chevron has absolute positioning, 
   we override it to 'relative' so it stays inside our absolute link */
.custom-tile-link .box-chevron {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    margin: 0 !important;
}


/* Chrome / Edge / Safari: hide the built-in clear (×) in <input type="search"> */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

/* Optional: remove other WebKit search decorations */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}


.myutrgv-wrap a:focus, .give-wrap a:focus { 
    border: 2px solid #cb4900 !important;
    outline: #cb4900 solid 3px !important; 
}



/* UTRGV logo position for very small screens */

@media (max-width: 334px) {
  .logo-wrap .logo:first-child {
    margin-left: -25px;
  }
} 


ul:not(.nav, .nav-tabs, .pagination, .breadcrumb, .dropdown-menu, .navbar-nav, .sidebar-nav, .col, .nav-txt, .nav-cols, .selectors-panel, .jump-nav, .submenu-nav, .list-unstyled, .localist-simple-list, .box ul, .foot-links ul) li::marker {
  content: "• " / "";
}

ul:not(.nav, .nav-tabs, .pagination, .breadcrumb, .dropdown-menu, .navbar-nav, .sidebar-nav, .col, .nav-txt, .nav-cols, .selectors-panel, .jump-nav, .submenu-nav, .list-unstyled, .localist-simple-list, .box ul, .foot-links ul) ul li::marker {
  content: "◦ " / "";
}

ul:not(.nav, .nav-tabs, .pagination, .breadcrumb, .dropdown-menu, .navbar-nav, .sidebar-nav, .col, .nav-txt, .nav-cols, .selectors-panel, .jump-nav, .submenu-nav, .list-unstyled, .localist-simple-list, .box ul, .foot-links ul) ul ul li::marker {
  content: "▪ " / "";
}

ul:not(.nav, .nav-tabs, .pagination, .breadcrumb, .dropdown-menu, .navbar-nav, .sidebar-nav, .col, .nav-txt, .nav-cols, .selectors-panel, .jump-nav, .submenu-nav, .list-unstyled, .localist-simple-list, .box ul, .foot-links ul) ul ul ul li::marker {
  content: "• " / "";
}

/* Overrides — must stay at the bottom */
#nav-dept-buttons ul li::marker,
.foot-link-collection ul li::marker,
.hilites ul li::marker {
  content: unset;
}

.college_message_copy p a { color:#000 !important; }