/* GLOBALS */
 h1 {
     font-family: 'Patua One';
    /* text-transform: capitalize;
     */
}
 h2 {
     font-family: 'Patua One';
    /* text-transform: capitalize;
     */
}
 h3 {
     font-family: 'Patua One';
    /* text-transform: capitalize;
     */
}
 p {
     font-family: 'Red Hat Display';
}
 body {
     font-family: "Red Hat Display", sans-serif;
}
 * {
     box-sizing: border-box;
}
 div {
     transition: all 0.3s ease-in-out;
}
 a:visited{
     color:#3b3b3b;
}
 .myutrgv-b {
     right: 129px !important;
}
 .give-b {
     right: 56px !important;
}
 .search-trigger {
     right: 0px !important;
}
 .h-links {
     display: flex;
     justify-content: flex-end;
     flex-direction: row;
     gap: 20px;
}
 .h-links-zone-mobile .h-links {
     flex-direction: row;
     justify-content: center;
    /* font-size: 25px;
     */
     border-top: 1px #ccc solid;
     padding-top: 3em;
     font-size: .70rem;
}
 .h-links div a {
     color: white;
     text-decoration: none;
     font-size: 16px;
     font-weight: bold;
}
 .h-links-zone-mobile .h-links div a{
     font-size: 1.5em;
}
 .h-links div a:hover {
     text-decoration: underline;
     color: #ffffff;
}
 .h-links-zone {
     position: absolute;
     right: 260px;
     top: 16px;
}
 .header3-outline {
     font-family: 'Patua One';
     -webkit-text-stroke: 0.005em #ececec;
     font-size: 4em;
     color: transparent;
     top: 0.45em;
     width: 100%;
     margin-bottom: 0px;
     position: relative;
     text-align: center;
}
 .flex-column{
     -webkit-flex-direction: column;
     flex-direction: column;
}
 .flex-row{
     -webkit-flex-direction: row;
     flex-direction: row;
}
 @media (min-width: 768px) {
     .header3-outline {
         text-align: left;
    }
}
/*Tables*/
 .utrgv-tables {
    /*font-family: Arial, Helvetica, sans-serif;
     */
     border-collapse: collapse;
     width: 100%;
     margin-bottom:1em;
}
 .utrgv-tables td, .utrgv-tables th {
     border: 1px solid #ddd;
     padding: 8px;
}
 .utrgv-tables tr:nth-child(even){
     background-color: #f2f2f2;
}
 .utrgv-tables tr:hover {
     background-color: #ddd;
}
 .utrgv-tables th {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
     background-color: #cd4900;
     color: white;
}
/***Side Menu style***/
/*Added .mob-sb-nav-trigger .title 10/08/2025 */
 div#sidebar-navigation .mob-sb-nav-trigger .title {
    /* font-size: 4vw;
     */
     padding: 10px 10px 15px 60px;
     height: auto;
     margin-bottom: 10px;
}
 div#sidebar-navigation {
     margin-bottom: 3em;
     border: 1px solid #E8E8E8;
     background: rgb(255,255,255);
     background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
}
 h2.space-abovex {
     margin-bottom: 0.5em;
     font-size: 1.5rem;
     color: #cd4900;
     padding: 1em 1em 0.5em 0.5em;
    /* Accessibility Fix: Removed H2 from <ul> so now it needs padding on the left */
     clip-path: polygon(1em 0%, 100% 0, 100% 50px, 15.25em 100%, 0 100%, 0% 1em);
    /* text-transform: capitalize;
     */
}
 h2.space-abovex:before {
     content: "";
     position: absolute;
     left: -1rem;
     bottom: 0;
     height: 5px;
     width: 75px;
     background-color: #cd4900;
     clip-path: polygon(1em 0%, 100% 0, 100% 50px, 15.25em 100%, 0 100%, 0% 1em);
     border: 0;
}
 h2.space-abovex:after {
     content: "";
     position: absolute;
     left: 2rem;
     bottom: 3px;
     height: 2px;
     width: 85%;
    /** changed from 95% to 85% 02/17/2025 fix for smaller dimensions **/
     max-width: 255px;
     background-color: #cd4900;
}
 h2.space-abovex a{
    /* text-transform: capitalize;
     */
     color:#cd4900;
}
 ul.sidebar-nav {
     background-color: transparent!important;
    /*override styles.css*/
}
 ul.sidebar-nav li a.active {
     background-color: #f1f1f1;
     border-left: .125em dotted #cd4900;
}
 ul.sidebar-nav li ul li a, ul.sidebar-nav li ul li a:visited {
     padding: 15px 15px 15px 15px;
     background-color: transparent;
     font-size: .90rem;
}
 .sidebar-add{
     display:none;
}
 .sidebar-add a:hover {
     color: #cb4900;
     font-weight: 600;
}
 @media (min-width:62rem){
     .sidebar-add{
         display:block 
    }
}
/* li.sidebar-has-sub p {
     background-color: #fff;
     color: #313131;
     display: block;
     padding: 15px 15px 15px 5px;
     font-family: "Patua One",serif;
     font-weight: 400;
     text-decoration: none!important;
     font-size: 1.125rem;
     margin-bottom: 0;
}
 li.head-navitem {
     display: flex;
     background-color: #cb4900!important;
     color: #ffffff;
}
 ul li.head-navitem a {
     background-color: transparent!important;
     color: #ffffff!important;
}
 .head-navitem span.fa-sharp.fa-solid.fa-ellipsis-vertical {
     width: auto;
     padding: 1em 0.5em 1em 1em;
}
 li.sub-item a {
     color: #cd4900!important;
}
 li.sub-item a:hover{
     color: #4C4A4F!important;
}
 li.active.sub-item a {
     color: #4a4c4f!important;
}
 li.sidebar-has-sub ul.submenu-nav.sidemenu-show {
     text-indent: 1em;
}
 */
/* Department Title */
 .dept-name {
     font-weight: 600;
     font-size: 1em;
    /* border-bottom: 4px #656369 dotted;
     */
    /* padding-top: 1em;
     */
     line-height: 1.25em;
    /* padding-bottom: 0.25em;
     */
     margin-right: 1.25em;
     color: #656369;
}
 .div-name {
    /* padding: 0.5em 0;
     */
}
/**** MOBILE NAV***/
/*.dept-toggler{
     border-radius: 0px;
     padding: 0.5em!important;
     margin: 2em 0;
}
 */
 .m-search-trigger {
     width: 112px!important;
}
 .mm-trigger {
     position: absolute;
     z-index: 3;
     top: 0;
     right: 0;
     height: 60px;
     width: 56px;
     white-space: nowrap;
     color: #fff;
     padding-top: 8px;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #050505;
     background-repeat: no-repeat;
     background-size: 33px 33px;
     background-position: 15px 15px;
     text-align: center;
     font-size: 30px;
     cursor: pointer;
}
 .overlay {
     height: 100%;
     width: 0;
     position: fixed;
     top: 60px;
     right: 0;
     z-index: 1;
     background-color: rgba(0,0,0, 0.9);
     background-color: rgb(0,0,0);
     overflow-x: hidden;
     transition: 0.5s;
     padding-bottom: 240px;
     overflow-y: auto;
}
/* --- Accessibility: keep the collapsed mobile menu out of the tab order ----
   #myNav collapses to `width: 0` above, which clips it visually but leaves
   every descendant focusable and exposed to assistive tech - 12 phantom tab
   stops sitting between the skip link and the UTRGV logo (axe: "focusable
   elements are not visible"; WCAG 2.4.3, 2.4.7).

   `visibility` removes the subtree from BOTH the tab order and the
   accessibility tree. The delayed transition preserves the existing 0.5s
   slide: visibility flips only after the width animation finishes on close,
   and immediately on open. toggleNav() adds/removes .is-open.

   Scoped to #myNav and NOT .overlay on purpose: styles.css also uses .overlay
   for the hero gradient (.slab .hero .media .overlay), which declares no
   visibility of its own and would inherit this rule and disappear.

   .mm-subitem-panel below has the same `width: 0` pattern, but no markup
   currently emits it and nothing toggles a class on it, so it is left alone -
   hiding it here would make it permanently invisible if it ever returns. */
 #myNav {
     visibility: hidden;
     transition: width 0.5s, visibility 0s linear 0.5s;
}
 #myNav.is-open {
     visibility: visible;
     transition: width 0.5s, visibility 0s;
}
/* #myNav takes programmatic focus when the menu opens, so screen-reader and
   keyboard users land inside the menu rather than on an arbitrary link. It is
   tabindex="-1" and is never reached by Tab, so the default ring around the
   whole panel is noise. Focus rings on the links inside are untouched. */
 #myNav:focus {
     outline: none;
}
/* "You are here", in two tiers that must stay visually distinct:
     the BAR marks the branch you are inside,
     WHITE + BOLD marks the one page you are actually on.
   The block already separates these as aria-current="true" (ancestor) and
   aria-current="page" (exact match), so the CSS keys off the same attribute
   rather than a class - visuals and semantics cannot drift apart.
   Deliberately not the #cb4900 used by .overlay a:focus, so a focused link and
   the current page stay tellable apart. */
 #myNav .nav-subitem.is-current {
     border-left: 4px solid #cb4900;
     margin-left: -1.25rem;
     padding-left: calc(1.25rem - 4px);
}
/* Ancestor: lifted off the #818181 base so the branch reads, but NOT bold and
   NOT white - it must not compete with the page itself. */
 #myNav a[aria-current="true"] {
     color: #ababab;
     font-weight: 400;
}
/* The page actually being viewed. Weight + lightness, so the cue does not rest
   on colour alone (WCAG 1.4.1). */
 #myNav a[aria-current="page"] {
     color: #ffffff;
     font-weight: 700;
}
/* Level 2: a chevron in the left gutter points at the row, rather than a second
   bar competing with the section's. Drawn from two borders on a rotated box, so
   it depends on no icon font or Unicode glyph and cannot fall back to another
   typeface. It sits on the <li>, not the <a>: .overlay a sets overflow:hidden,
   which would clip a marker positioned outside the anchor. Absolute placement
   keeps the row's text aligned with its unmarked siblings. */
 #myNav .dropdown-item.is-current {
     position: relative;
}
 #myNav .dropdown-item.is-current::before {
     content: "";
     position: absolute;
     left: -10px;
     top: 50%;
     width: 7px;
     height: 7px;
     border-right: 2px solid #cb4900;
     border-bottom: 2px solid #cb4900;
     transform: translateY(-50%) rotate(-45deg);
}
/* Focus must still win over both of the above - the ID selectors there would
   otherwise outrank .overlay a:focus and swallow the focus colour. */
 #myNav a[aria-current="true"]:hover,
 #myNav a[aria-current="true"]:focus,
 #myNav a[aria-current="page"]:hover,
 #myNav a[aria-current="page"]:focus {
     color: #cb4900;
}
 @media (prefers-reduced-motion: reduce) {
     #myNav, #myNav.is-open {
         transition: none;
    }
}
 .mm-subitem-panel{
     z-index: 2;
     background-color: #ffffff;
     height: 100%;
     width: 0;
     position: fixed;
     top: 60px;
     right: 0;
     overflow-x: hidden;
     transition: 0.5s;
     padding-bottom:60px;
}
 .mm-dropdown{
     position: relative!important;
     transform: translate3d(0px, 16px, 0px)!important;
     background-color: transparent;
     border: 0;
}
 #maincontent.has-overlay{
     overflow: hidden;
}
 .overlay-content {
     position: relative;
     top: 3%;
     width: 100%;
     text-align: left;
     padding: 0 1.5em;
}
 .overlay-content ul.navbar-nav {
     padding-bottom: 2em;
}
 .mm-subitem-panel-content {
     position: relative;
     top: 1em;
     width: 100%;
     text-align: left;
     padding: 0 1.5em;
}
 .overlay a, .mm-subitem-panel a {
     white-space: normal;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 8px;
     text-decoration: none;
     font-size: 1.5rem;
     color: #818181;
     display: block;
     transition: 0.3s;
}
 .overlay a:hover, .overlay a:focus {
     color: #cb4900;
}
 .mm-subitem-panel a:hover, .mm-subitem-panel a:focus{
     color: #cb4900;
}
 a.subitem-title {
     display: flex;
     justify-content: center;
     padding: 1.2em 0px 1em;
     background-color: #000000;
}
 .overlay .closebtn {
     position: absolute;
     top: 3.5rem;
     right: 45px;
     font-size: 1.75rem;
}
 .mm-subitem-panel .closebtn {
     top: 20px;
    /* right: 45px;
     */
     font-size: 2.2em;
     position: absolute;
     left: 45px;
}
 .has-sub-menu-mobile{
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 @media screen and (max-height: 450px) {
     .overlay a, .mm-subitem-panel a {
         font-size: 20px 
    }
     .overlay .closebtn, .mm-subitem-panel .closebtn {
         font-size: 40px;
         top: 15px;
         right: 35px;
    }
}
/**** MOBILE ENDS *****/
 .col-3.col-md-3.col.dept-toggle-align {
     text-align: right;
}
 .navbar-collapse.collapse.show {
     background-color: #ffffff;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
     padding: 0.75em;
}
 .nav-link.dropdown-toggle.show {
    /* background-color: #f9f9f93;
     */
    /* color: #fff;
     border: 2px solid #cb4900;
     */
     font-weight: 700;
}
 .nav-link.dropdown-toggle.show {
     background-color: #f3f3f3;
}
 .dropdown-menu .col-md-3.nav-img {
     display: none;
}
 @media (min-width: 992px) {
     .dropdown-menu.megamenu.show {
         background-color: #f6f6f6;
    }
     .m-search-trigger {
         width: 56px!important;
    }
     .navbar-expand-lg .navbar-nav{
         flex-direction: row;
         align-items: flex-end;
         text-align: center;
         justify-content: center;
         gap: 10px;
         flex-grow: 1;
    }
     .navbar-expand-lg .navbar-nav a.nav-link {
         color: rgba(76,74,79, 1);
         display: flex;
         line-height: 1.3rem;
         white-space: normal;
         align-items: center;
         justify-content: center;
         padding-left: 0;
         padding-right: 0;
         gap: 5px;
         font-size:83%;
    }
     .navbar-expand-lg .navbar-nav a.nav-link:hover, .navbar-expand-lg .navbar-nav a.nav-link:focus {
         color: #cb4900;
    }
     .navbar-expand-lg .dept-toggle-align {
         align-items: flex-end;
        /* margin-bottom: 10px;
         */
    }
     .dropdown-menu.megamenu.show a {
         color: #4c4a4f;
    }
     .dropdown-menu.megamenu.show a:hover, .dropdown-menu.megamenu.show a:focus {
         color: #cb4900;
    }
    /* Fix Accessibility and Dropdown Arrow */
     .navbar-expand-lg .navbar-nav .dropdownBTN {
         color: rgba(76,74,79, 1);
         display: flex;
         line-height: 1.3rem;
         white-space: normal;
         align-items: flex-end;
         justify-content: center;
         padding-left: 0;
         padding-right: 0;
         gap: 5px;
         font-size:83%;
    }
     .navbar-expand-lg .navbar-nav .dropdownBTN:hover, .navbar-expand-lg .navbar-nav .dropdownBTN:focus {
         color: #cb4900;
    }
     .dropdown-menu.megamenu.show .dropdownBTN {
         color: #4c4a4f;
    }
     .dropdown-menu.megamenu.show .dropdownBTN:hover, .dropdown-menu.megamenu.show .dropdownBTN:focus {
         color: #cb4900;
    }
    /* Fix Accessibility and Dropdown Arrow */
    /* Accessibility Issue The screen reader wasn't mentioning the name of the link when this was used. #deptNavbody .dropdown-toggle::after {
         content: "";
         border-top: 0.3em solid;
         border-right: 0.3em solid transparent;
         border-bottom: 0;
         border-left: 0.3em solid transparent;
         width: 0.5rem;
         text-align: center;
         margin: 0;
    }
     */
     #deptNavbody li.nav-item {
         flex: 1 1 auto;
         flex-basis: min-content;
    }
}
 @media (min-width: 1200px) and (max-width: 1400px) {
     #deptNavbody li.nav-item .nav-link {
         font-size: 1rem;
    }
}
/* Overwrite Bootstrap's default menu (nav) styles */
 .nav-txt li {
     list-style: none;
     padding: 0.5em 0em 0.5em;
     border-bottom: 1px dotted #ccc;
     break-inside: avoid;
}
/*** JLQ BEGINS****/
 .nav-cols {
     -moz-column-count: 2;
     -moz-column-gap: 45px;
     -webkit-column-count: 2;
     -webkit-column-gap: 45px;
     column-count: 2;
     column-gap: 45px;
     position: relative;
}
 .dept-menu-v1 {
     width: 100%;
}
 .dept-menu-v1 .menu-header {
     font-family: "Patua One", serif;
     background-color: #cb4900;
     color: #ffffff;
     font-weight: 400;
     padding: 10px 0px;
     font-size: 1.2rem;
}
 .dept-menu-v1 .menu-header a {
     background-color: #cb4900;
     color: #ffffff;
}
 .dept-menu-v1 a {
     color: #cb4900;
     text-decoration: none;
}
 .dept-menu-v1 a:hover {
     text-decoration: underline;
}
 .dept-menu-v1 button {
     color: #cb4900;
     padding: 15px;
}
 .dept-menu-v1 button:hover {
     text-decoration: underline;
}
 .dept-menu-v1 .accordion-button:not(.collapsed) {
     background-color: #646469;
     color: #ffffff;
}
 .dept-menu-v1 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
 .dept-menu-v1 .accordion-body {
     margin: 0px;
     border: 1px solid #cecece;
     font-family: "Red Hat Display", sans-serif;
     font-weight: normal;
     font-size: 1rem;
}
 .dept-menu-v1 .accordion-body li:nth-child(1) {
     border-top: 0px solid #cecece;
}
 .dept-menu-v1 .accordion-body li {
     padding: 7px 5px 7px 10px !important;
     border-top: 1px solid #cecece;
}
 .dept-menu-v1 .dept-menu-item {
     font-size: 1rem;
     border-top: 1px solid #cecece;
}
 .dept-menu-v1 .dept-menu-item:nth-child(2) {
     border-top: 5px solid #cecece;
}
 .dept-menu-v1 .accordion-button, .dept-menu-v1 .dept-menu-item {
     font-family: "Patua One", serif;
     font-weight: 400;
     font-size: 1.125rem;
}
 .dept-menu-v1 .dept-menu-item a {
     padding: 15px 5px 15px 20px;
}
 .dept-menu-v1 .dept-menu-item .accordion-button {
     padding: 15px 5px 15px 20px !important;
}
 .filter_box {
     margin: 20px 0px 10px 0px;
}
 #dept-emp-search .nav-link {
     background-color: #eeeeee;
     border-radius: 0px !important;
     color: #000000;
     text-transform: uppercase;
}
 #dept-emp-search .nav-link:hover {
     background-color: #cb4900;
     color: #ffffff;
}
 #dept-emp-search .nav-item .active {
     background-color: #cb4900 !important;
     color: #ffffff;
}
 .dept-emp-list .dept-emp-imgx {
     display: block;
     width: 250px;
     height: 250px;
     margin: auto;
     background-color: #cecece;
}
 .dept-emp-list .dept-emp-img {
     display: block;
     width: 100%;
     padding-bottom: 100%;
     margin: auto;
     background-color: #cecece;
}
 .dept-img-square {
     width: 100%;
     padding-bottom: 50%;
     background-size: cover;
     background-position: center;
}
 .dept-emp-list .dept-emp-name {
     font-size: 0.9rem;
     height: 2.5rem;
     font-weight: bold;
     color: #cb4900;
     border-bottom: 2px solid #cb4900;
}
 .dept-emp-list .dept-emp-name a {
     text-decoration: none;
}
 .dept-emp-list .dept-emp-title {
     font-size: 0.9rem;
}
 .dept-emp-list .dept-emp-dept {
     font-size: 0.9rem;
}
/*** DEPT FOOTER ****/
 #deptfooter .dept-footer-v1 {
     background-color: #eeeeee;
     padding: 10vh 20px;
}
 #deptfooter .dept-footer-v1 .foot-h1 {
     margin: 5px 0px;
     font-weight: bold;
     padding-bottom: 5px;
     border-bottom: 2px solid #cecece;
}
 #deptfooter .dept-footer-v1 .icon-footer {
     font-size: 2rem;
}
 .hero-faculty-main {
     color: #ffffff;
}
/* .hero-faculty-main h1 {
     color:#ffffff;
}
 */
/*.hero-faculty-main .title {
     font-family:"Patua One",serif;
     font-size:20px;
     line-height:1.625rem;
     margin-bottom:20px;
     font-weight:400;
     color:#fff 
}
 */
 .hero-faculty-main h2 {
     color: #ffffff;
     text-transform: none;
}
 .hero-faculty-main nav {
     font-size: 0.9rem;
     text-transform: uppercase;
     font-weight: bold;
}
 .dept-prof-contact {
     display: block;
     margin-bottom: 50px;
}
 .dept-prof-contact p {
     margin: 0;
     padding: 0;
     margin-bottom: 5px;
     font-size: 1rem;
}
 .dept-prof-contact .dept-emp-name {
     font-size: 1.5rem;
     font-weight: bold;
     color: #cb4900;
     border: 0px;
}
 .dept-prof-contact hr {
     margin: 0;
     padding: 0px;
     margin-bottom: 10px;
     border: 2px solid #646469;
}
 .dept-prof-contact button {
     padding: 5px 20px 5px 20px !important;
     background-color: #646469;
     color: #ffffff;
}
 .dept-prof-contact button:hover {
     background-color: #cb4900;
}
 .dept-emp-tab .nav-link {
     background-color: #eeeeee;
     border-radius: 0px !important;
     color: #000000;
     text-transform: uppercase;
}
 .dept-emp-tab .nav-link:hover {
     background-color: #cb4900;
     color: #ffffff;
}
 .dept-emp-tab .nav-item .active {
     background-color: #cb4900 !important;
     color: #ffffff;
}
 .dept-emp-tab .nav-item:nth-child(2) {
     border-left: 2px solid #ffffff;
     border-right: 2px solid #ffffff;
}
 .dept-emp-tab-sec {
     margin-top: 50px;
     font-size: 1rem;
}
 .dept-action-01 img {
     opacity: 0.5;
}
 .dept-action-01 .btn {
     font-weight: bold;
}
 .dept-feat-01 {
     grid-column-gap: 30px;
     width: 100%;
}
 .dept-feat-01 button {
     padding: 20px;
}
 .dept-feat-01 button a {
     text-decoration: underline;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 0.875rem;
}
 .dept-feat-02 {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-gap: 30px;
     padding: 10px;
}
 .dept-feat-02 .feat-cont {
     display: grid;
     grid-template-rows: 75px 4.5rem auto;
     grid-template-columns: 1fr;
}
 .dept-feat-02 .feat-icon {
     display: block;
     width: 75px;
     height: 75px;
     border-radius: 50%;
     color: #ffffff;
     border-bottom: 3px solid #646469;
}
 .dept-feat-02 .feat-icon-img {
     display: block;
     padding: 10px;
     font-size: 2.5rem;
     width: 45px;
     height: 45px;
}
 .dept-feat-02 .feat-h1 {
     margin: auto;
     text-align: center;
     font-size: 1.1rem;
     padding: 5px 0px 5px 0px;
     font-weight: bold;
}
 .dept-feat-02 .feat-h1 a {
     font-size: 1.1rem;
     text-decoration: none;
}
 .dept-feat-02 .feat-h1 a:hover {
     text-decoration: underline;
}
 .dept-feat-02 p {
     font-size: 0.9rem;
     text-align: center;
}
 .dept-feat-03 .btn-group {
     grid-column-gap: 30px;
     width: 100%;
}
 .dept-feat-03 button {
     padding: 10px;
}
 .card-header {
     font-weight: bold;
     margin-bottom: 10px;
}
 .nav-img img {
     width: 100%;
     height: auto;
     max-height: 250px;
}
 .nav-h1 {
     font-weight: bold;
     font-size: 1.1rem;
}
 .dropdown-menu {
    /*box-shadow: 0px 20px 30px #646464;
     */
}
 #dept-nav-v1 .div-name a {
     text-decoration: none;
}
 .navbar .megamenu {
    /*padding: 1rem !important;
     border-radius: 0px 0px 10px 10px;
     */
     border: none;
}
 .card-text a {
     text-decoration: none;
}
 .card-text a:hover {
     text-decoration: underline;
}
 .nav-item a:focus {
     background-color: #eeeeee !important;
}
/* ============ desktop view ============ */
 @media all and (min-width: 992px) {
     .navbar .has-megamenu {
         position: static !important;
    }
     .navbar .megamenu {
         left: 0 !important;
         right: 0 !important;
         width: 100% !important;
         margin-top: 0 !important;
    }
     .navbar .megamenu {
         padding: 1rem !important;
         border-radius: 0px 0px 10px 10px;
    }
}
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
 @media(max-width: 991px) {
     .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
         overflow-y: auto;
         max-height: 90vh;
         margin-top: 10px;
    }
     #dept-body-v1-left {
         width: 100%;
         margin-bottom: 50px;
    }
     #dept-body-v1-right {
         width: 100%;
         margin-bottom: 50px;
    }
     .dept-order-1 {
         order: 1;
         -webkit-order: 1;
    }
     .dept-order-2 {
         order: 2;
         -webkit-order: 2;
    }
     .dept-order-3 {
         order: 3;
         -webkit-order: 3;
    }
     .dept-order-4 {
         order: 4;
         -webkit-order: 4;
    }
     .dept-order-5 {
         order: 5;
         -webkit-order: 5;
    }
     .dept-order-6 {
         order: 6;
         -webkit-order: 6;
    }
}
/*** JLQ ENDS****/
 @media (max-width: 1100px) {
     .header-title {
         display: none;
    }
}
 @media (max-width: 735px) {
     .h-links-zone {
         position: relative;
         right: 10px;
         top: 0px;
    }
     .h-links {
         flex-wrap: wrap;
         justify-content: space-evenly;
         gap: 10px;
         padding: 10px;
    }
     .mh-extra {
         z-index: 9 !important;
         top: 107px !important;
    }
}
/*******Added for responsive videos*******/
 .embedresize {
     max-width: 560px;
     margin: auto;
     padding-bottom: 20px;
}
 .embedresize_fit {
     margin: auto;
     padding-top: 0px;
}
 .embedresize div, .embedresize_fit div {
     position: relative;
     height: 0;
     padding-bottom: 56.25%;
}
 .embedresize iframe, .embedresize_fit iframe {
     position: absolute;
     top: 0%;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
     max-width: none !important;
}
/**** MODULE: CALENDAR ****/
 .carousel-nav {
     display: flex;
     justify-content: center;
     margin-top: 1rem;
}
 .carousel-nav button {
     margin: 0 0.5rem;
}
/***** MODULE Phase 2 Common *****/
 .module-section {
     padding-top: 3rem;
     padding-bottom: 2rem;
     padding-left: 10%;
     padding-right: 10%;
     font-family: "Patua One", serif;
     color: #313131;
     overflow: hidden;
}
 .section-orange {
     background-color: #cb4900;
     color: #fff;
}
 .section-grey {
     background-color: #4c4a4f;
     color: #fff;
}
 .section-lt-grey {
     background-color: #eaeaea;
     color: #3b3b3f;
}
 .bg-gray {
     background-color: #4c4a4f !important;
}
 .bg-gray-1 {
     background-color: #e6e6e6 !important;
}
 .bg-orange {
     background-color: #cb4900 !important;
}
 .bg-yellow {
     background-color: #ff8700 !important;
}
 .title-wrap .title {
     width: 100%;
     margin: 0 auto;
     text-align: center;
     position: relative;
}
 .section-orange .title-wrap .title {
     color: #fff;
}
 .section-grey .title-wrap .title {
     color: #fff;
}
 .title-wrap .title:after {
     content: "";
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     height: 50px;
     background-image: url("data:image/svg+xml,%3Csvg width='75' height='60' viewBox='0 0 0.75 0.75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.35 0.105 0.188 0.011 0.025 0.105v0.164l0.163 0.095 0.163 -0.095V0.105Z' fill='%23cb4900' transform='translate(0.375, 0.1) rotate(10)'/%3E%3Cpath d='M.038.113v.15l.15.088.15-.088v-.15L.188.025l-.15.088Z' stroke='%23c44900' stroke-width='.0375' transform='rotate(10)'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
    /*background-position: top;
    */
     background-color: transparent;
     z-index: 1;
}
 .title-row .title {
     text-align: left;
}
 .title-row .title.text-center::after {
     background-position: top center;
}
 .title-wrap .title.white:after {
     background-image: url("data:image/svg+xml,%3Csvg width='75' height='60' viewBox='0 0 0.75 0.75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.35 0.105 0.188 0.011 0.025 0.105v0.164l0.163 0.095 0.163 -0.095V0.105Z' fill='%23ffffff' transform='translate(0.375, 0.1) rotate(10)'/%3E%3Cpath d='M.038.113v.15l.15.088.15-.088v-.15L.188.025l-.15.088Z' stroke='%23c44900' stroke-width='.0375' transform='rotate(10)'/%3E%3C/svg%3E");
}
 .title-wrap .title.greywhite:after {
     background-image: url("data:image/svg+xml,%3Csvg width='75' height='60' viewBox='0 0 0.75 0.75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.35 0.105 0.188 0.011 0.025 0.105v0.164l0.163 0.095 0.163 -0.095V0.105Z' fill='%23ffffff' transform='translate(0.375, 0.1) rotate(10)'/%3E%3Cpath d='M.038.113v.15l.15.088.15-.088v-.15L.188.025l-.15.088Z' stroke='%234c4a4f' stroke-width='.0375' transform='rotate(10)'/%3E%3C/svg%3E");
}
 .btn-cta {
     background-color: #fff;
     color: #4c4a4f;
     font-family: "Patua One", serif;
     font-size: 1.3rem;
     padding: 1rem;
     margin-top: .5rem;
     margin-bottom: .5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.2s ease-in-out;
     cursor: pointer;
     border-radius: 0%;
    /*text-transform: uppercase;
    */
     width: 100%;
}
 .btn-cta:hover {
     background-color: #4c4a4f;
     color: #ffffff;
}
 .btn-cta-orange, .btn-cta-orange:focus-visible {
     background-color: #cb4900;
     color: #ffffff !important;
}
 .btn-cta-orange:hover {
     background-color: #ffffff;
     color: #4c4a4f !important;
}
 .section-white .btn-cta-orange:hover {
     background-color: #4c4a4f;
     color: #fff !important;
}
 .btn-cta-grey, .btn-cta-grey:focus-visible {
     background-color: #4a4c4f;
     color: #ffffff !important;
}
 .btn-cta-grey:hover {
     background-color: #ffffff;
     color: #4c4a4f !important;
}
 .btn-cta-ltgrey, .btn-cta-ltgrey:focus-visible {
     background-color: #EAEAEA;
     color: #4a4c4f !important;
}
 .hex-border {
     background-repeat: repeat-x;
     background-position: initial;
     height: 100px;
     margin-top: -1px;
}
 .hex-border-invert {
     background-repeat: repeat-x;
     height: 100px;
     transform: scale(-1, -1);
     background-position-x: center;
     background-position-y: initial;
     margin-bottom: -1px;
}
 .hex-orange {
     background-image: url("//www.utrgv.edu/_files/images-2022/hex-orange-2.png");
     background-size: contain;
}
 .hex-grey {
     background-image: url("//www.utrgv.edu/_files/images-2022/hex-dk-grey-2.png");
     background-size: contain;
}
 .hex-lt-grey {
     background-image: url("//www.utrgv.edu/_files/images-2022/hex-lt-grey-2.png");
     background-size: contain;
}
 .border-b {
     width: 10rem;
     margin: 0 auto;
     margin-bottom: 4rem;
}
 .mobile-only {
     display: none;
}
 .desktop-only {
     display: flex;
}
 .margin-0 {
    margin: 0;
}
 .margin-1 {
    margin: 1rem 0;
}
 .margin-2 {
    margin: 2rem 0;
}
 .margin-3 {
    margin: 3rem 0;
}
 .margin-4 {
    margin: 4rem 0;
}
 .margin-5 {
    margin: 5rem 0;
}
/* .mobile-item{
     display: none !important;
}
 .desktop-item{
     display: block;
}
 */
/* Small screens (Mobile devices) */
 @media (max-width: 576px) {
     .title-sm {
         font-size: 1.0rem;
         text-align: left;
    }
     .title-lead {
         width: 100%;
         font-size: 2rem;
         text-align: left;
    }
     .slide-title-description {
         transform: translate(-100%, 30%);
    }
     .image-center {
         margin-left: 0px;
         float: left;
    }
     .image-center img {
         float: left;
    }
     .caption-slide {
         font-size: 1rem;
    }
     .mobile-row {
         display: flex;
         flex-direction: column-reverse;
    }
     .panel-caption {
         font-size: 2rem;
         max-width: 80vw;
         background-color: rgba(255, 255, 255, 0.8);
    }
}
 @media (max-width: 960px) {
     .mobile-item {
         display: flex;
    }
     .desktop-item {
         display: none;
    }
     .title h2 {
         width: unset;
    }
     .mobile-only {
         display: flex;
    }
     .desktop-only {
         display: none;
    }
}
/* Medium screens (Laptops, Tablets, and smaller desktops) */
 @media (min-width: 992px) and (max-width: 1199px) {
     .title h2 {
         width: unset;
    }
     .panel-caption {
         font-size: 2rem;
         max-width: 40vw;
    }
}
/***** MODULE Phase 2 Common END *****/
/******* MODULE: WYSIWYG *******/
 .custom_html_col ul{
     padding-left:3.5em;
}
 .custom_html_col .content-row h2, .custom_html_col .content-row h3, .custom_html_col .content-row h4, .custom_html_col .content-row h5, .custom_html_col .content-row h6, .custom_html_col .content-row h7{
     padding: 1.5rem 0px .8rem 0px;
}
 .custom_html_col .content-row h2 {
     margin-bottom: .9rem;
}
 .custom_html_col .content-row h3, .custom_html_col .content-row h5 {
     color: #757575;
}
 .college_message_copy img {
     width: 100%;
     height:auto;
}
 .college_message_copy > .container-vid {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
     margin-bottom: 3em;
}
/* Then style the iframe to fit in the container div with full height and width */
 .college_message_copy > .responsive-iframe {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
}
/******* MODULE END: WYSIWYG *******/
/******* MODULE: Slideshow *******/
 .slide_col .hero-carousel.carousel {
     margin-bottom: 0px;
     padding: 0px;
     width: 100%;
     height: auto;
     padding-bottom: 40px;
}
 .slide_col .hero-ci.carousel-indicators li[data-bs-target] {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     background-color: #fff;
     border: solid 1px #cb4900;
     opacity: 1;
}
 .slide_col .hero-ci.carousel-indicators li[data-bs-target].active {
     background-color: #cb4900;
}
 .slide_col .carousel-item .panel-caption {
     font-family: "Patua One", serif;
     font-size: 2.5rem;
     background-color: #ffffff;
     padding: 1.25rem;
     margin-bottom: 0.5rem;
     border-color: #cb4900;
     position: absolute;
     left: 1.25rem;
     bottom: 1.25rem;
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
     text-align: left;
     border-bottom: 10px solid #4c4a4f;
     color: #4c4a4f;
     width: 45%;
     max-width: initial;
}
 .slide_col .carousel-item .panel-caption p {
     font-size: 1.125rem;
}
 .slide_col .carousel-item .panel-caption .h5 {
     font-weight: 700;
}
 .slide_col .hero-ci.carousel-indicators {
     margin-bottom: 2rem;
     bottom: -12px;
}
 .slide_col .hero-item .slide-img {
     width: 100%;
}
 .slide_col .carousel-item .panel-caption p .fa-chevron-right {
     font-size: 0.9rem;
     color: #cb4900;
}
 @media (min-width: 992px) {
     .slide_col .carousel-item .panel-caption.left-aligned {
         left: 1.25rem;
         right: auto;
    }
     .slide_col .carousel-item .panel-caption.right-aligned {
         right: 1.25rem;
         left: auto;
    }
     .slide_col .carousel-item .panel-caption.center-aligned {
         left: 50%;
         right: initial;
         transform: translateX(-50%);
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .slide_col .carousel-item .panel-caption {
         font-size: 2rem;
    }
}
 @media (max-width: 576px) {
     .slide_col .carousel-item .panel-caption {
         font-size: 2rem;
         background-color: rgba(255, 255, 255);
    }
}
 @media (max-width: 991px) {
     .slide_col .carousel-item .panel-caption {
        /* position: static;
         border-bottom: 1px solid #4c4a4f;
         border-top: solid 1px #fff;
         background-color: #eaeaea;
         width: 100%;
         */
         width: 80%;
         background-color: rgba(255, 255, 255);
    }
}
/******* MODULE: Slideshow ENDS *******/
/******* MODULE: College Message ********/
 .college_message_col .college_message_img {
     width: 100%;
     height: auto;
}
 .college_message_col .content-row .module-section {
     border-left: solid 6px;
     background-color: #eaeaea;
     color: #4c4a4f;
}
 .college_message_col .content-row .module-section.section-orange {
     border-color: #cb4900;
}
 .college_message_col .content-row .module-section.section-grey {
     border-color: #4c4a4f;
}
 .college_message_col .content-row .module-section.section-lt-grey {
     border-color: #0000003d;
}
 .college_message_col .module-section .text-and-media:not(.flex-lg-row-reverse) .message-media-wrap {
     border: solid 3px #eaeaea;
     background-color: #fff;
}
 .college_message_col .module-section .text-and-media.flex-lg-row-reverse .message-copy-wrap {
     border: solid 3px #eaeaea;
    /* background-color: #fff;
     */
}
 .college_message_col .module-section .message-copy-wrap .btn-cta {
     background-color: #cb4900;
     color: #ffffff;
}
 .college_message_col .module-section .message-copy-wrap .btn-cta:hover {
     background-color: #4c4a4f;
}
 .college_message_col .content-row .title-wrap .title {
     color: #4c4a4f;
}
 .college_message_col .content-row .title-wrap .title:after {
     display: none;
}
/******* MODULE: College Message ENDS ********/
/******* MODULE: Call to Action ********/
 .call_to_action_col .module-section.parallax-mode .row .content-col {
     background-color: #ffffffcc;
}
 .call_to_action_col .module-section .row .content-col {
     margin-bottom: 2rem;
}
 @media (min-width: 768px) {
     .call_to_action_col .module-section .row .content-col {
         margin-bottom: 0;
    }
}
 .call_to_action_col .content-col .title-wrap .title {
     text-align: left;
     padding-bottom: 30px;
}
 .call_to_action_col .content-col .title-wrap .title:after {
     display: none;
}
 .call_to_action_col .content-col .title-wrap.show_divider .title:after {
     display: block;
     background-image: none;
     height: 1px;
     background-color: #fff;
     top: initial;
     bottom: 20%;
}
 .call_to_action_col .section-lt-grey .content-col .title-wrap.show_divider .title:after {
     background-color: #4a4c4f;
}
 .call_to_action_col .btn-col {
     flex-direction: column;
}
 @media (min-width: 576px) {
     .call_to_action_col .btn-col {
         flex-direction: row;
    }
}
/******* MODULE: Call to Action ENDS ********/
/******* MODULE: Ranking Carousel ********/
 .ranking_carousel_col {
     overflow: hidden;
}
 .ranking_carousel_col .row.aoe {
     height: auto;
}
 @media (min-width: 768px) {
     .ranking_carousel_col .row.aoe {
         height: 180px;
    }
}
 @media (min-width: 992px) {
     .ranking_carousel_col .row.aoe {
         height: 275px;
    }
}
 @media (min-width: 1200px) {
     .ranking_carousel_col .row.aoe {
         height: 354px;
    }
}
 .ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item .hexagon {
     background-color: #e6e6e6;
}
 .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;
}
 .ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(1) .hexagon {
     background-color: #4c4a4f;
}
 .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: #fff;
}
 .ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(3) .hexagon {
     background-color: #cb4900;
}
 .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: #fff;
}
 .ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(5) .hexagon {
     background-color: #b35f00;
}
 .ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(5) .hexagon .heading, .ranking_carousel_col .row.aoe[data-color-theme=multi-color] .aoe-item:nth-child(5) .hexagon .sub-heading {
     color: #fff;
}
 .ranking_carousel_col .row.aoe[data-color-theme=single-color-grey] .aoe-item .hexagon {
     background-color: #4c4a4f;
}
 .ranking_carousel_col .row.aoe[data-color-theme=single-color-grey] .aoe-item .hexagon .heading, .ranking_carousel_col .row.aoe[data-color-theme=single-color-grey] .aoe-item .hexagon .sub-heading {
     color: #fff;
}
 .ranking_carousel_col .row.aoe[data-color-theme=single-color-orange] .aoe-item .hexagon {
     background-color: #cb4900;
}
 .ranking_carousel_col .row.aoe[data-color-theme=single-color-orange] .aoe-item .hexagon .heading, .ranking_carousel_col .row.aoe[data-color-theme=single-color-orange] .aoe-item .hexagon .sub-heading {
     color: #fff;
}
 .ranking_carousel_col .row.aoe .aoe-item {
     filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
}
 .ranking_carousel_col .row.aoe .aoe-item .hexagon {
     height: initial;
     aspect-ratio: 1.15/1;
     width: auto;
     margin: 0;
     -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
     clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .ranking_carousel_col .row.aoe .aoe-item .hexagon .content {
     padding: 20px;
}
 .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .heading {
     font-size: 2.15rem;
     transform: scale(1);
     transition: transform 0.25s 0s ease-in-out;
     line-height: 100%;
     font-weight: 400;
     margin-bottom: 5%;
}
 .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .sub-heading {
     font-size: 1rem;
     transform: scale(1);
     transition: transform 0.25s 0s ease-in-out;
     font-weight: 400;
     line-height: 100%;
}
 @media (min-width: 768px) {
     .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .heading {
         font-size: 1rem;
    }
     .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .sub-heading {
         display: none;
    }
     .ranking_carousel_col .aoe-item.active-4 .hexagon {
         transform: scale(0.65);
    }
}
 @media (min-width: 992px) {
     .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .heading {
         font-size: 1.75rem;
    }
     .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .sub-heading {
         font-size: 0.75rem;
         transform: scale(1.5);
    }
}
 @media (min-width: 1200px) {
     .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .heading {
         font-size: 2.15rem;
    }
     .ranking_carousel_col .row.aoe .aoe-item .hexagon .content .sub-heading {
         font-size: 1rem;
         transform: scale(1);
         display: block;
    }
}
 .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content {
     padding: 80px;
}
 @media (min-width: 768px) {
     .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content {
         padding: 30px;
    }
}
 @media (min-width: 992px) {
     .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content {
         padding: 40px;
    }
}
 @media (min-width: 1200px) {
     .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content {
         padding: 50px;
    }
}
 .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content .heading {
     transform: scale(1.75);
}
 .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content .sub-heading {
     display: block;
     transform: scale(1.5);
}
 @media (min-width: 768px) {
     .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content .sub-heading {
         transform: scale(1);
    }
}
 @media (min-width: 992px) {
     .ranking_carousel_col .row.aoe .aoe-item.active-4 .hexagon .content .sub-heading {
         transform: scale(1.5);
    }
}
 .ranking_carousel_col .row.aoe > div {
     text-align: center;
     cursor: pointer;
}
 .ranking_carousel_col .row.aoe > div:hover {
     opacity: 0.8;
    /* grow div */
     transform: scale(1.1);
}
 .ranking_carousel_col .carousel-nav {
     margin-top: 1.5rem;
}
 .ranking_carousel_col .carousel-nav.mobile-item {
     display: flex;
}
 .ranking_carousel_col .carousel-nav.desktop-item {
     display: none;
}
 @media (min-width: 992px) {
     .ranking_carousel_col .carousel-nav.mobile-item {
         display: none;
    }
     .ranking_carousel_col .carousel-nav.desktop-item {
         display: flex;
    }
}
 .ranking_carousel_col ol.carousel-indicators-aoe {
     margin: 1.5rem 0px 2rem;
     padding: 0px;
     gap: 10px;
}
 .ranking_carousel_col ol.carousel-indicators-aoe li {
     list-style-type: none;
     cursor: pointer;
     transition: opacity 1s ease-out;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #bababa;
     opacity: 1;
}
 .ranking_carousel_col ol.carousel-indicators-aoe li:hover {
     transition: opacity 1s ease-out;
     background-color: #cb4900;
}
 .ranking_carousel_col ol.carousel-indicators-aoe li.active {
     background-color: #cb4900;
     transition: opacity 500 ease-in-out;
}
/******* MODULE: Ranking Carousel ENDS ********/
/**** MODULE: NEWS CAROUSEL ****/
 .news_feed_col .carousel {
     margin: 1em auto;
     padding: 0 
}
 .news_feed_col .carousel .carousel-inner {
     max-width: 1400px;
     display: flex;
}
 .news_feed_col .carousel .carousel-item {
     height: auto;
     margin-right: 0;
     display: block;
     flex: 0 0 100%;
}
 .news_feed_col .carousel .card {
     min-height: 25rem;
     text-align: left;
     border-radius: 0;
     margin: 0 0.25em;
     border: none;
     background-color: #F2F2F2;
}
 .news_feed_col .carousel .card-title {
     font-size: 1.2em;
     font-weight: 700;
}
 .news_feed_col .carousel .card-title a {
     text-decoration: none;
     color: #BD4500;
}
 .news_feed_col .carousel .card-title a:hover {
     text-decoration: underline;
}
 .news_feed_col .carousel .card-body {
     flex-direction: column;
     display: flex;
}
 .news_feed_col .carousel .card-body .btn {
     border-radius: 0;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: bold;
     border: none;
     background: #4c4a4f;
     padding: 6px 15px;
     margin-top: 5px;
     color: white;
}
 .news_feed_col .carousel .card-body .btn:hover {
     background-color: #cb4900;
}
 .news_feed_col .carousel .card-body .card-link {
     margin-top: auto;
     width: fit-content;
}
 .news_feed_col .carousel .img-wrapper {
     max-width: 100%;
     display: flex;
     justify-content: center;
     align-items: flex-start;
}
 .news_feed_col .carousel .card img {
     max-height: 100%;
     height: 45vh;
     border-radius: 0;
     object-fit: cover;
     height: auto;
}
 .news_feed_col a.btn-cta:hover {
     color: #fff !important;
     background: #4a4c4f;
}
 @media (min-width: 576px) {
     .news_feed_col .carousel .carousel-item {
         flex: 0 0 calc(100%/2);
    }
     .news_feed_col .carousel.hasSidebar .carousel-item {
         flex: 0 0 100%;
    }
}
 @media (min-width: 768px) {
     .news_feed_col .btn-cta {
         width: fit-content;
    }
}
 @media (min-width: 992px) {
     .news_feed_col .carousel .carousel-item {
         flex: 0 0 calc(100%/3);
    }
     .news_feed_col .carousel.hasSidebar .carousel-item {
         flex: 0 0 calc(100%/2);
    }
     .news_feed_col .btn-cta {
         width: fit-content;
    }
}
 @media (min-width: 1200px) {
     .news_feed_col .carousel .carousel-item {
         flex: 0 0 calc(100%/4);
    }
     .news_feed_col .carousel .news-carousel-nav .prev-btn, .news_feed_col .carousel .news-carousel-nav .next-btn {
         display: none;
    }
     .news_feed_col .carousel.hasSidebar .carousel-item {
         flex: 0 0 calc(100%/3);
    }
     .news_feed_col .carousel.hasSidebar .news-carousel-nav .prev-btn, .news_feed_col .carousel.hasSidebar .news-carousel-nav .next-btn {
         display: block;
    }
     .news_feed_col .btn-cta {
         width: fit-content;
    }
}
 @media (min-width: 1400px) {
     .news_feed_col .carousel.hasSidebar .carousel-item {
         flex: 0 0 calc(100%/4);
    }
     .news_feed_col .carousel.hasSidebar .news-carousel-nav .prev-btn, .news_feed_col .carousel.hasSidebar .news-carousel-nav .next-btn {
         display: none;
    }
}
 @media (max-width: 575px) {
     .news_feed_col .carousel .card .img-wrapper {
         height: 12em;
    }
}
/**** MODULE: NEWS CAROUSEL ENDS ****/
/**** MODULE: ACADEMIC PROGRAMS FEED ****/
 .academic_programs_col .academicFeed.carousel {
    /*margin: 1em auto;
     */
}
 .academic_programs_col .academicFeed .carousel-inner {
    /*padding: 1em;
     margin: 5px auto;
     max-width: 1400px;
     */
     overflow: unset;
}
 .acadg {
     display: flex;
     flex-wrap: wrap;
     flex-flow: row wrap;
     justify-content: center;
     background: linear-gradient(180deg, rgba(236, 236, 236,1) 0%, rgba(255,255,255,1) 100%);
     padding: 1.5em 1em;
     margin-bottom: 1em;
}
 .academic_programs_col .academicFeed .carousel-item {
     height: auto;
     margin-right: 0;
     flex: 0 0 100%;
     display: flex;
     margin-bottom: 1em;
}
 .academic_programs_col .academicFeed .carousel-item:last-child{
     margin-bottom: 0em;
}
 .academic_programs_col .academicFeed .card {
    /*text-align: left;
     border-radius: 5px;
     border: none;
    */
     margin: 0 0.5em;
     display: flex;
     flex-direction: row;
    /*flex-wrap: wrap;
     flex-direction: row;
     background: #4c4a4f;
     width: 100%;
    */
}
 .academic_programs_col .academicFeed .row-reverse{
    /* flex-direction: row-reverse!important;
     */
}
 .academic_programs_col .academicFeed .card-title {
     font-size: 1.2em;
     line-height: 1.3em;
}
/*.academic_programs_col .academicFeed .card-title:hover {
     font-size: 1.25em;
}
*/
 .academic_programs_col .academicFeed .card-title a {
     text-decoration: none;
    /*color: #ffffff;
     */
}
 .academic_programs_col .academicFeed .card-title a:hover {
     color: #cb4900;
     text-decoration: underline!important;
    /*font-size: 107%;
     */
}
 .academic_programs_col .academicFeed .card-text {
     font-family: sans-serif;
     color: #4c4a4f;
}
 .academic_programs_col .academicFeed .card-text {
    /*font-size: .75em;
     */
}
 .academic_programs_col .academicFeed .progdegree {
     font-size: 110%;
     font-weight: 600;
     padding: 0.6em;
    /* margin: 0px;
     */
     background-color: #f8dac5;
     position: absolute;
     bottom: 0;
     right: 0;
     box-shadow: -8px -7px #ffffff;
}
 .academic_programs_col .academicFeed .card-body {
     flex-direction: column;
     display: flex;
}
 .academic_programs_col .academicFeed .card-body .btn {
     border-radius: 0;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: bold;
     border: none;
     background: #4c4a4f;
     padding: 6px 15px;
     margin-top: 5px;
     color: white;
}
 .academic_programs_col .academicFeed .card-body .btn:hover {
     background-color: #cb4900;
}
 .academic_programs_col .academicFeed .card-body .card-link {
     margin-top: auto;
     width: fit-content;
}
 .academic_programs_col .academicFeed .img-wrapper {
     max-width: 100%;
     display: flex;
    /* justify-content: center;
     */
     align-items: center;
     position:relative;
     overflow: hidden;
     flex: 0 0 calc(100%/3);
     max-height: 80vh;
}
 .academic_programs_col .academicFeed .img-wrapper:hover img {
     transform: scale(1.1);
}
 .academic_programs_col .academicFeed .card img {
    /* max-height: 50%;
    */
     height: 35vh;
     border-radius: 0;
     object-fit: cover;
     object-position: center;
     transition: transform .5s ease;
}
 .academic_programs_col .academicFeed .wrap {
     flex-grow: 1;
    /* flex-basis: 0;
     margin: 5px;
     */
     flex-direction:column;
}
 .academic_programs_col .academicFeed .carousel-inner {
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
}
 @media (min-width: 320px) {
}
 @media (max-width: 768px) {
     .academic_programs_col .academicFeed .img-wrapper {
         display:none;
    }
}
 @media (min-width: 768px) {
     .academic_programs_col .academicFeed .card img{
        /*height: 35vh;
        */
         object-fit: cover;
         height: 100%;
    }
     .academic_programs_col .academicFeed .carousel-inner {
         display: flex;
    }
     .academic_programs_col .academicFeed .carousel-item {
        /* flex: 0 0 calc(100%/2);
         flex: 0 0 100%;
         margin-right: 0;
         display: flex;
         */
    }
     .academic_programs_col .academicFeed .wrap {
         flex-grow: 0;
    }
}
 @media (min-width: 992px) {
     .academic_programs_col .academicFeed .carousel-item {
        /*flex: 0 0 calc(100%/3);
         margin-right: 0;
         flex: 0 0 100%;
         display: flex;
         */
    }
}
/**** MODULE: ACADEMIC PROGRAMS END ****/
/***** MODULE: HEX PATTERN GRID ****/
 .hex-section-mobile {
     display: none;
}
 .offset-desktop {
     margin-top: 9vw;
}
 .offset {
     margin-top: 140px 
}
 .offset-d2 {
     margin-top: -140px 
}
 .offset-d3 {
     margin-top: -422px 
}
 .left-hex {
     position: relative !important;
     right: -23px;
}
 .right-hex {
     position: relative !important;
     left: -42px;
}
 .hexagon {
     width: 134%;
     height: 18vw;
     background-color: #ffffff;
     clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: -1px;
     margin-left: -17%;
    /* Add this line */
     margin-right: -17%;
    /* Add this line */
}
 .hex-mobile {
     width: 100%;
     height: 282px;
     margin-left: unset;
    /* Add this line */
     margin-right: unset;
    /* Add this line */
}
 .content {
     position: absolute;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     text-align: center;
     color: #ffffff;
     font-family: Arial, sans-serif;
     z-index: 1;
}
 .content h3 {
     font-size: 16px;
     margin: 0;
     margin-bottom: 5px;
}
 .content p {
     font-size: 12px;
     margin: 0;
}
 .bg-1 {
     background-color: #f44336;
}
 .bg-2 {
     background-color: #e91e63;
}
 .bg-3 {
     background-color: #9c27b0;
}
 .bg-4 {
     background-color: #673ab7;
}
 .bg-5 {
     background-color: #3f51b5;
}
 .bg-6 {
     background-color: #2196f3;
}
 .bg-7 {
     background-color: #03a9f4;
}
 .bg-8 {
     background-color: #00bcd4;
}
 .bg-9 {
     background-color: #009688;
}
 .bg-10 {
     background-color: #4caf50;
}
 @media only screen and (max-width: 900px) {
     .left-hex {
         right: -6vw;
    }
     .right-hex {
         left: -6vw;
    }
     .offset {
         margin-top: 18vw;
    }
     .offset-d2 {
         margin-top: -18vw;
    }
     .offset-d3 {
         margin-top: -54vw;
    }
     .hexagon {
         width: 100%;
         height: 36vw;
    }
     .hex-section-mobile {
         display: block;
    }
     .hex-section-desktop {
         display: none;
    }
}
/***** MODULE: HEX PATTERN GRID ENDS ****/
/***** MODULE: EVENT FEED ****/
 .slick-next, .slick-prev {
     bottom: -52px;
     top: auto;
     width: 27px;
     height: 27px;
     color: transparent;
     border: 0px solid #dedede;
     border-radius: 50%;
     background: url(https://utrgv.edu/_files/assets/images/arrow-sprite.png) 7px 6px no-repeat transparent 
}
 .slick-prev {
     left: 2% 
}
 .slick-next {
     left: 60px;
     color: #000;
     background-position-x: -44px 
}
 .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
     color: transparent !important;
     background: url(https://utrgv.edu/_files/assets/images/arrow-sprite.png) 7px 6px no-repeat #ededed 
}
 .slick-next:focus, .slick-next:hover {
     background-position-x: -44px 
}
 .slick-next:before, .slick-prev:before {
     content: none 
}
 .slick-prev.slick-disabled {
     opacity: .25 
}
 .slick-next.slick-disabled {
     opacity: .25 
}
 a.allNews {
     text-align: right;
     margin-top: 1em;
     display: block;
     font-size: 85.71%;
     font-weight: 300;
     text-transform: uppercase;
     text-decoration: none;
     color: #333 
}
 a.allNews .fa-arrow-right {
     color: #CB4900;
}
 a.allNews:hover {
     font-weight: bold;
}
 .slickCard .card {
     width: auto !important 
}
 .simple-card .card:hover {
     background-color: #fafafa;
     font-weight: bold !important;
}
 .simple-card .card:hover {
     background-color: #ededed !important;
     font-weight: bold !important;
}
 .simple-card a {
     text-decoration: none 
}
 .simple-card .card-text {
     text-align: left;
     font-size: 1.50rem;
     color: #000;
     line-height: 1.5 
}
 .simple-card .card-text abbr {
     color: #555;
     text-decoration: none 
}
 .simple-card time {
     color: #B84300;
    /* Accessibility: color contrast fix */
     text-decoration: none;
     font-size: 1.50rem !important;
     text-transform: uppercase;
     line-height: 1.5;
     font-weight: bold !important;
}
 .simple-card hr {
     border-color: #EDEDED;
     border-top: 5px solid rgba(0, 0, 0, .1);
}
 .simple-card .card-title {
    /**font-size: .75rem!important;
     **/
     text-transform: inherit;
     color: #4C4A4F;
     line-height: 1.5;
     margin-bottom: 0px;
     font-weight: 400 !important;
     min-height: 3rem;
     text-align: left !important;
}
 .simple-card .card-text {
     color: #CB4900;
     padding: .5em 0;
}
 .simple-card .card-title:hover {
    /** font-weight: bold!important;
     **/
     color: #B84300;
    /*Accessibility Fix: Color Contrast */
     text-decoration: underline;
}
 .simple-card .card {
     border: 0px !important;
     width: 100%;
}
/** ADDED CSS **/
 .btn-events {
     background-color: #cb4900;
     color: #ffffff;
     font-family: "Patua One", serif;
     font-size: 1.2rem;
     padding: 0.5rem 1rem;
     margin-top: .5rem;
     margin-bottom: .5rem;
     height: 100px;
     align-items: center;
     justify-content: center;
     height: 100%;
     width: auto;
     transition: all 0.2s ease-in-out;
     cursor: pointer;
     border-radius: 0%;
}
 .btn-events:hover {
     background-color: #4c4a4f;
     color: #ffffff !important;
}
 .simple-card a[target=_blank]:after {
     content: inherit !important;
}
 .simple-card h5:after {
     margin-left: 5px;
     color: #CB4900;
     content: '\f105';
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: none !important;
     font-size: small;
     display: inline-block;
     margin-right: -10px;
}
 .simple-card p:after {
     margin-left: 5px;
     color: #CB4900;
     content: '\f105';
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-decoration: none !important;
     font-size: small;
     display: inline-block;
     margin-right: -10px;
}
/***** EDITS ****/
 .bg-orange .content h3 {
     color: white;
}
 .bg-orange .content p {
     color: white;
}
 .bg-gray .content h3 {
     color: white;
}
 .bg-gray .content p {
     color: white;
}
 .bg-gray-1 .content h3 {
     color: #4c4a4f;
}
 .bg-gray-1 .content p {
     color: #4c4a4f;
}
 .hexagon .content h3 {
     width: 80%;
     font-family: "Patua One";
     font-size: 1.6rem;
}
 .hexagon .content p {
     width: 80%;
     font-family: "Patua One";
     font-size: 1rem;
}
 .btn-events-feed {
     background-color: #cb4900;
     color: white !important;
     padding: 15px;
}
 .btn-events-feed:hover {
     background-color: #ffffff !important;
     color: #cb4900 !important;
     border: 2px solid #cb4900;
}
/***** MODULE: Highlight Sections CSS ****/
 .highlight_tiles_col .col.description:not(.hasSidebar) {
     padding: 0 10%;
}
 .highlight_tiles_col .text-gray {
     color: #4c4a4f !important;
     text-decoration: none !important;
}
 .highlight_tiles_col .text-gray:hover {
     color: #fff !important;
     text-decoration: underline !important;
}
 .highlight_tiles_col .bg-gray {
     color: white !important;
}
 .highlight_tiles_col .bg-gray-1 {
     color: #4c4a4f !important;
}
 .highlight_tiles_col .bg-orange {
     color: white !important;
}
 .highlight_tiles_col .bg-yellow {
     color: #3D3D3D !important;
}
 .highlight_tiles_col .bg-gray .square .square-title {
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
}
 .highlight_tiles_col .bg-gray .square .text-muted {
     color: white !important;
}
 .highlight_tiles_col .bg-gray-1 .square .square-title {
     font-size: 1.5rem;
     font-weight: 700;
     color: #4c4a4f;
}
 .highlight_tiles_col .bg-gray-1 .square .text-muted {
     color: #4c4a4f !important;
}
 .highlight_tiles_col .bg-yellow .square .square-title {
     font-size: 1.5rem;
     font-weight: 700;
     color: #3D3D3D;
}
 .highlight_tiles_col .bg-yellow .square .text-muted {
     color: white !important;
}
 .highlight_tiles_col .bg-orange .square .square-title {
     font-size: 1.5rem;
     font-weight: 700;
     color: white;
}
 .highlight_tiles_col .bg-orange .square .text-muted {
     color: white !important;
}
 .highlight_tiles_col .section-boxes p {
     font-size: 1.25rem;
     font-weight: normal;
}
 .highlight_tiles_col .bg-s-1 {
     background-color: rgba(255, 255, 255, 0.8);
     background-image: url("https://via.placeholder.com/640x360");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .highlight_tiles_col .bg-s-2 {
     background-image: url("https://via.placeholder.com/640x360");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .highlight_tiles_col .bg-s-3 {
     background-image: url("https://via.placeholder.com/640x360");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .highlight_tiles_col .bg-s-4 {
     background-image: url("https://via.placeholder.com/640x360");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .highlight_tiles_col .square {
     min-height: 300px;
}
 .highlight_tiles_col .box-chevron {
     width: 1.5em;
     height: 1.5em;
     background-color: #ffffff;
     float: right;
     color: #4c4a4f;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     right: 0;
     bottom: 0;
     font-size:2rem;
}
 .highlight_tiles_col a:hover>.box-chevron {
     background-color: #000000;
     color: #ffffff;
}
/***** MODULE: Highlight Sections CSS END ****/
/***** MODULE: HEX PATTERN media queries ****/
 .hexagon .content h3 {
     font-size: 3rem;
     line-height: 2.6rem;
     width: 80%;
}
 .hexagon .content p {
     font-size: 1.1rem;
     line-height: 1.3rem;
     width: 80%;
}
 @media (max-width: 1350px) {
     .hexagon .content h3 {
         line-height: 1.8rem;
         font-size: 1.6rem;
    }
     .hexagon .content p {
         line-height: 1.2rem;
         font-size: 1rem;
    }
}
 @media (max-width: 1100px) {
     .hexagon .content h3 {
         line-height: 1.4rem;
         font-size: 1.4rem;
    }
     .hexagon .content p {
         line-height: .9rem;
         font-size: .8rem;
    }
}
 @media (max-width: 900px) {
     .hexagon .content h3 {
         width: 70%;
         line-height: 3rem;
         font-size: 3rem;
    }
     .hexagon .content p {
         width: 70%;
         line-height: 1.2rem;
         font-size: 1rem;
    }
}
 @media (max-width: 650px) {
     .hexagon .content h3 {
         width: 70%;
         line-height: 1.4rem;
         font-size: 1.5rem;
    }
     .hexagon .content p {
         width: 70%;
         line-height: 1.2rem;
         font-size: 1rem;
    }
}
 @media (max-width: 550px) {
     .hexagon .content h3 {
         width: 60%;
         line-height: 1.2rem;
         font-size: 1.0rem;
    }
     .hexagon .content p {
         width: 60%;
         line-height: 1rem;
         font-size: .8rem;
    }
}
 @media (max-width: 420px) {
     .hexagon .content h3 {
         width: 60%;
         line-height: 1rem;
         font-size: .8rem;
    }
     .hexagon .content p {
         width: 60%;
         line-height: .7rem;
         font-size: .6rem;
    }
}
 @media (max-width: 300px) {
     .hexagon .content h3 {
         font-size: .8 rem;
         word-break: break-word;
         width: 60%;
    }
     .hexagon .content p {
         width: 50%;
         font-size: .3rem;
    }
}
/***** MODULE: HEX PATTERN media queries END ****/
/***** MODULE: Accordion group *****/
 .accordion_col .accordion .accordion-item {
     width: 100%;
     clear: both;
     border-bottom: solid 1px #eaeaea;
}
 .accordion_col .accordion .accordion-item .accordion-header .accordion-button {
     font-family: "Red Hat Display";
     font-weight: 700;
     font-size: 1.125rem;
     color: #cb4900;
     padding: 20px 5px 20px 60px;
     background-image: url(https://www.utrgv.edu/_files/images-2022/accordion-icon-open.svg);
     background-repeat: no-repeat;
     background-position: 10px 50%;
     background-size: 40px;
     box-shadow: none;
}
 .accordion_col .accordion .accordion-item .accordion-header .accordion-button::after {
     display: none;
}
 .accordion_col .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
     background-color: #cb4900;
     color: #fff;
     background-image: url(https://www.utrgv.edu/_files/images-2022/accordion-icon-close.svg);
}
 .accordion_col .accordion .accordion-item .accordion-header .accordion-button:hover {
     color: #000;
}
 .accordion_col .accordion .accordion-item .accordion-collapse {
     border-right: solid 2px #cb4900;
     border-left: solid 2px #cb4900;
     border-bottom: solid 2px #cb4900;
     border-radius: 0px;
     transition: height 0.3s;
}
/***** MODULE: Accordion group END *****/
/***** MODULE: Parallax Group *****/
 .parallax-section {
     width: 100%;
     margin: 0em auto;
    /*margin: 2em auto;
    */
    /*Updated top/bottom margin to 0*/
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: relative;
     min-height: 150px;
}
 .parallax-section.section-orange {
     background-color: #a85221;
}
 .parallax-section.section-grey {
     background-color: #5F535F;
}
 .parallax-section.section-lt-grey {
     background-color: #f1f1f1;
}
 .parallax-section .bg-block {
     width: 100%;
     height: 100%;
     position: absolute;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
     top: 0px;
     left: 0px;
     z-index: 0;
     filter: grayscale(100%);
}
 .parallax-section.section-none .bg-block {
     filter: unset!important;
}
 .parallax-section.section-orange .bg-color {
     background-color: #CB4900aa;
}
 .parallax-section.section-grey .bg-color {
     background-color: #4C4A4Faa;
}
 .parallax-section.section-lt-grey .bg-color {
     background-color: #EAEAEAaa;
}
 .parallax-section .bg-color {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 1;
}
 .parallax-section .content-col {
     z-index: 2;
     padding: 6em;
}
 .parallax-section .content-col p {
     font-size: 1.2rem;
}
 .parallax-section .content-col .parallax-title, .parallax-section .content-col p {
     color: #fff;
     font-weight: 700;
}
 .parallax-section.section-lt-grey .content-col .parallax-title, .parallax-section.section-lt-grey .content-col p {
     color: #1a1a1a;
}
/***** MODULE: Parallax Group END *****/
/***** MODULE: CARDS START *****/
 .cards_col .style-border-orange {
     border: solid 10px #cb4900;
}
 .cards_col .style-border-gray {
     border: solid 10px #4c4a4f;
}
 .cards_col .style-color-orange {
     color:#cb4900;
}
 .cards_col .style-color-gray {
     color:#4c4a4f;
}
 .cards_col .card-row{
     display: flex;
     gap:2%;
     justify-content: center;
     margin-bottom:20px;
     flex-wrap: wrap;
}
 .cards_col .card-row .card-box-a, .card-row .card-box-b{
     height: 100%;
}
 .cards_col .card-row .card-box-a{
     display: flex;
     font-size: .9rem;
     flex-direction: column;
}
 .cards_col .card-row .card-box-a .card-title {
     margin-top:20px;
     font-size: 1rem;
     font-weight: bold;
}
 .cards_col .card-row .card-box-b .card-title {
     font-size: 1.5rem;
     font-weight: bold;
}
 .cards_col .card-stat {
     font-size: 3rem;
     font-weight: bold;
}
 .cards_col .card-row .card-box-b{
     padding: 20px;
     display: flex;
     font-size: .9rem;
     flex-direction: column;
}
 .cards_col .card-box-a .card-description{
    /*overflow: hidden;
     -webkit-line-clamp: 3;
     */
     display: -webkit-box;
     -webkit-box-orient: vertical;
}
 .cards_col .card-image img {
     width: 100%;
     max-height: 200px;
     object-fit: cover;
}
 .cards_col .card-link .btn-link{
     margin-left: 0px;
     border: unset;
     text-align: left;
     padding: unset;
     margin-top:5px;
     text-decoration: none;
}
 .cards_col .card-link .btn-link:hover{
     text-decoration: underline;
     background-color: unset;
     padding: unset;
     color:#cb4900;
}
/* @media (max-width: 840px){
     .cards_col .card-row .card-box-a, .card-row .card-box-b{
         width: 48%;
         max-width: unset;
         margin-bottom: 16px;
    }
     .cards_col .card-row{
         display: flex;
         gap:2%;
         justify-content: center;
         margin-bottom:0px;
    }
     .cards_col .card-row:nth-child(1) .card-box-b:nth-child(2) {
         order: -1;
    }
     .cards_col .card-row:nth-child(2) {
         flex-direction: row-reverse;
    }
     .cards_col .card-row:nth-child(2) .card-box-a:nth-child(2) {
         order: -1;
    }
}
 @media (max-width: 450px){
     .cards_col .card-row .card-box-a, .card-row .card-box-b{
         width: 100%;
         max-width: unset;
         margin-bottom: 16px;
    }
     .cards_col .card-row:nth-child(1) {
         display: flex;
         flex-direction: column;
    }
     .cards_col .card-row:nth-child(2) {
         display: flex;
         flex-direction: column-reverse;
    }
     .cards_col .card-row:nth-child(1) .card-box-b:nth-child(2) {
         order: unset;
    }
     .cards_col .card-row:nth-child(2) .card-box-a:nth-child(2) {
         order: unset;
    }
}
 */
/***** MODULE: CARDS END *****/
/***** MODULE: QUOTE START *****/
 .hex-image{
     object-fit: cover;
    /*height: 360px;
     */
    /*clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
     */
}
/***** MODULE: QUOTE END *****/
/***** MODULE: PHOTO GALLERY START *****/
 #slider-container {
     display: flex;
     flex-direction: column;
     align-content: center;
     justify-content: center;
     position: relative;
}
 #slides {
     width: 100%;
     display: flex;
     transition: transform 0.5s ease-in-out;
     margin-top:20px;
}
 #slides .slide-item {
     flex: 0 0 100%;
     box-sizing: border-box;
}
 .slide-item .slide-img {
     width: 70%;
     margin-right: auto;
     margin-left: auto;
     height: 600px;
     object-fit: cover;
    /* border radius on top left and bottom left only */
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     filter: grayscale(100%);
     transition: filter 0.5s ease-in-out;
     object-position: center;
}
 .slide-item .slide-img {
     filter: grayscale(0);
    /* Bring color back to active image */
}
 #slides .active .image-wrapper img {
     filter: grayscale(0);
    /* Bring color back to active image */
}
 .img-reel {
     filter: grayscale(100%);
     transition: filter 0.5s ease-in-out;
}
 .img-reel:hover {
     filter: grayscale(0) !important;
}
 .img-reel.active{
     filter: grayscale(0);
}
 .nav-button {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 20px;
     border-radius: 50%;
     width: 50px;
     height: 50px;
     border: 1px solid #000000;
     background-color: black;
     color: white;
     transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
 .photo-info {
     background-color: black;
     color: white;
     border-radius: 10px;
     padding: 30px;
     max-height: 450px;
     overflow: auto;
     word-break: break-word;
     hyphens: auto;
     font-size: 14px;
}
 #reel{
     display: flex;
     flex-direction: row;
     width: 100%;
     gap:10px;
     max-height: 150px;
     overflow: auto;
     z-index:10;
}
 #reel .img-reel{
     object-fit: cover;
     border-radius: 10px;
     width:10%;
}
 .controls{
     display: flex;
     flex-direction: row;
     align-content: center;
     gap:10px;
     justify-content: center;
}
/* For Webkit browsers like Chrome/Safari */
 .photo-info {
     -webkit-overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: transparent transparent;
}
 .photo-info::-webkit-scrollbar {
     width: 2px;
    /* for vertical scrollbars */
     height: 30px;
    /* for horizontal scrollbars */
}
/* For Internet Explorer and Edge */
 .photo-info {
     -ms-overflow-style: none;
    /* IE and Edge */
}
 .photo-info::-webkit-scrollbar {
     display: none;
    /* Chrome, Safari and newer versions of Opera */
}
/* For Webkit browsers like Chrome/Safari */
 #reel {
     -webkit-overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: transparent transparent;
}
 #reel::-webkit-scrollbar {
     width: 0px;
    /* for vertical scrollbars */
     height: 0px;
    /* for horizontal scrollbars */
}
/* For Internet Explorer and Edge */
 #reel {
     -ms-overflow-style: none;
    /* IE and Edge */
}
 #reel::-webkit-scrollbar {
     display: none;
    /* Chrome, Safari and newer versions of Opera */
}
 .draggable-container1 {
     cursor: grab;
}
 .nav-button{
     font-size: 30px;
     cursor: pointer;
     z-index: 2;
}
 .imgbg{
     position: absolute;
     z-index: -1;
     filter: blur(100px) !important;
     -webkit-filter: blur(100px) !important;
     width: 110% !important;
     height: 110% !important;
     object-fit: cover;
     overflow: hidden;
     display: none;
}
 .pg-section {
     overflow: hidden;
     background-color: transparent;
     z-index: -1;
}
 .control-panel{
     margin-right: auto;
     margin-left: auto;
     width: 80%;
     display:flex;
     flex-direction:row;
}
 .photo-controls{
     right: 20px;
     bottom: 20px;
     position: absolute;
}
 .slide-item figure{
     display:flex;
}
 .control-relative{
     position: relative;
}
 .caption-pg{
     position: relative;
     width: 30%;
     background-color: black;
    /* border radius on top right and bottom right only */
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}
 .number-photo{
     font-size: 12px;
     margin-top: 10px;
     bottom: 0;
     position: absolute;
}
 .author-pg{
     font-size:12px;
}
 @media (max-width: 1500px) {
     .slide-item .slide-img{
         height: 550px;
    }
     #reel .img-reel {
         width:15%;
    }
}
 @media (max-width: 1100px) {
     .slide-item .slide-img{
         height: 500px;
    }
     #reel .img-reel {
         width:15%;
    }
}
 @media (max-width: 1000px) {
     .slide-item .slide-img{
         height: 450px;
    }
     #reel .img-reel {
         width:20%;
    }
}
 @media (max-width: 900px) {
     .slide-item .slide-img{
         height: 450px;
    }
     #reel .img-reel {
         width:20%;
    }
}
 @media (max-width: 800px) {
     .slide-item .slide-img{
         height: 450px;
    }
     #reel .img-reel {
         width:31%;
    }
}
 @media (max-width: 700px) {
     .caption-pg{
         border-bottom-left-radius: 10px;
    }
     .number-photo{
         right:10px;
    }
     .slide-item .slide-img{
         height: 450px;
    }
     #reel .img-reel {
         width:31%;
    }
     #reel .img-reel {
         width:31%;
    }
     .slide-item figure{
         display:block;
    }
     .photo-info {
         background-color: black;
         color: white;
         margin-top: 10px;
         border-radius: 10px;
         padding: 20px;
         margin-right: auto;
         margin-left: auto;
         height: 150px;
         font-size:12px;
    }
     #slides .slide-img {
         object-fit: cover;
         max-height: 600px;
         width: 100%;
         border-top-right-radius: 10px;
         border-bottom-right-radius: 0px;
         border-bottom-left-radius: 0px;
    }
     .photo-info {
         width: 100%;
         border-top-right-radius: 0px;
         border-top-left-radius: 0px;
    }
     .image-wrapper{
         width: 94%;
    }
     .controls{
         justify-content: space-between;
    }
     .photo-controls{
         opacity: .7;
         width: 100%;
         height: 64px;
         top: 66%;
         left: 50%;
         transform: translate(-50%, -50%);
    }
     .caption-pg{
         margin-top:-10px;
         width: unset;
    }
     .nav-button{
         padding:10px;
         color:white;
    }
}
 @media (max-width: 600px) {
     .slide-item .slide-img{
         height: 350px;
    }
     .photo-controls{
         top:60%;
    }
}
 @media (max-width: 500px) {
     .slide-item .slide-img{
         height: 250px;
    }
     .photo-controls{
         top:51%;
    }
}
/***** MODULE: PHOTO GALLERY END *****/
/***** MODULE: VIDEO PLAYER BLOCK START *****/
 .video_block_col .content-row {
     display: flex;
     flex-direction: row;
     padding: 2rem 0.5rem;
     background-color: #eaeaea;
     justify-content: center;
}
 .video_block_col .content-row .block-item .video-block-title {
     text-align: center;
     font-weight: normal;
     font-size: 1.25rem;
}
 .video_block_col .content-row .block-item .block-item-responsive {
     position: relative;
     height: 0;
     margin-bottom: 1rem;
     padding-bottom: 56.25%;
     overflow: hidden;
}
 .video_block_col .content-row .block-item .block-item-responsive iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/***** MODULE: VIDEO PLAYER BLOCK END *****/
/***** MODULE: BUTTON GROUP *****/
 .button_group_col .btn-row {
     justify-content: center;
}
 .button_group_col .btn-row > div {
     margin-bottom: 1rem;
     justify-content: center;
    /**Added 08-22-25**/
}
 .button_group_col .btn-row > div .btn {
     text-decoration: underline;
     font-size: 1.1rem;
}
 .button_group_col .btn-row > div .btn:hover {
     border: solid 1px;
}
 .button_group_col .section-grey .btn-row > div .btn, .button_group_col .section-orange .btn-row > div .btn {
     color: #fff;
}
 .button_group_col .section-grey .btn-row > div .btn:hover, .button_group_col .section-orange .btn-row > div .btn:hover {
     border-color: #cecece;
}
 .button_group_col .section-lt-grey .btn-row > div .btn:hover {
     border-color: #4c4a4f;
}
 .button_group_col .btn-cta-text {
     display: block;
}
 .button_group_col .btn-cta-icon {
     display: flex;
     flex-direction: column;
}
 .button_group_col .btn-cta-icon:hover {
     color: #cb4900;
}
 .button_group_col .btn-cta-icon .icon-fa::before {
     display: inline-block;
     text-decoration: none;
}
 .button_group_col .btn-cta-icon .icon-img {
     max-width: 96px;
     height: auto;
}
 .button_group_col .btn-cta-icon .icon-fa {
     font-size: 4rem;
}
/***** MODULE: BUTTON GROUP END *****/
/***** MODULE: IMAGE CARD GROUP *****/
 .image_card_col .card-img-container {
     height: 250px;
     background-color: #f2f2f2;
}
 .image_card_col .card-img-container img {
     height: 250px;
     max-width: 100%;
     object-fit: cover;
}
 .image_card_col .card-title-grid {
     display: grid;
     grid-template-columns: 60px auto;
}
 .image_card_col .card-icon {
     display: inline-block;
     width: 100%;
     height: 40px;
}
 .image_card_col .card-icon img {
     width: 35px;
     height: 35px;
     object-fit: cover;
}
 .image_card_col .icon-fntawe {
     font-size: 35px;
}
/***** MODULE: IMAGE CARD GROUP END *****/
/* Top Menu: This fixes the extra space in menu item when the arrow is being displayed */
 @media (min-width: 992px){
     .navbar-expand-lg .navbar-nav {
         gap: 40px;
    }
     #deptNavbody li.nav-item {
         flex: 1;
        /*flex: unset;
        */
    }
     .dropdownBTN{
         display: flex;
         cursor: pointer;
    }
     .dropdownBTN .caret {
         display: inline-block;
         margin-left: 5px;
         transform: rotate(270deg);
    }
     .dropdownBTN[aria-expanded="true"] .caret {
         transform: rotate(0deg);
    }
     .dropdownBTNName{
         max-width: 110px;
    }
     .dropdown-toggle::after{
         display:none;
    }
     button.dropdownBTN{
         border: none !important;
         background: white !important;
    }
}
/* Top Menu: This fixes the extra space in menu item when the arrow is being displayed */
/* Hover FAQ expanded true fix */
 .accordion_col .accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"]:hover{
     background-color: #4c4a4f;
     color: white;
}
 @media (max-width: 991px) {
     .search-trigger {
         right: 56px !important;
    }
     .dropdownBTN::after {
         margin-top: 10px;
         text-align: center;
         height: 30px;
         width: 30px;
         border: solid 2px;
         position: absolute;
         right: 0px;
         font-weight: bold;
         content: "+";
         display: inline-block;
         margin-left: .255em;
         vertical-align: .255em;
         color: #818181;
    }
     .dropdownBTN:hover::after {
         color:#cb4900;
    }
     .dropdownBTN:focus::after {
         background: white;
         outline: 2px solid #cb4900;
         color:#cb4900;
    }
     .dropdownBTN:focus {
         border: 0px !important;
         outline: 0px !important;
    }
     .nav-link.dropdown-toggle.has-sub-menu-mobile::after {
         content: none;
        /* Removes the ::after content */
    }
     .item-row {
         display: flex;
         vertical-align: middle;
    }
    /* When aria-expanded is true, show a minus sign */
     .dropdownBTN[aria-expanded="true"]::after {
         content: "−";
        /* Minus sign */
    }
     .show {
         display: block !important;
    }
     .nav-item a:focus {
         background-color: transparent !important;
    }
}
 .cm-left{
     text-align:left !important;
}
 .cm-center{
     text-align:center;
}
 .btn-cta-orange{
     max-width: 500px;
}
 .content-row:has(.custom-btn-link) {
     flex-direction: column;
}
 .btn-center{
     margin-left: auto;
     margin-right: auto;
}
 @media (min-width: 992px) {
     .slide_col .carousel-item .panel-caption.left-aligned {
         left: 1.25rem;
         right: auto;
    }
     .slide_col .carousel-item .panel-caption.right-aligned {
         right: 1.25rem;
         left: auto;
    }
     .slide_col .carousel-item .panel-caption.center-aligned {
         left: 50%;
         right: initial;
         transform: translateX(-50%);
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .slide_col .carousel-item .panel-caption {
         font-size: 2rem;
    }
}
 @media (max-width: 576px) {
     .slide_col .carousel-item .panel-caption {
         font-size: 2rem;
         background-color: rgba(255, 255, 255, 0.8);
    }
}
 @media (max-width: 991px) {
     .slide_col .carousel-item .panel-caption {
        /* position: static;
         border-bottom: 1px solid #4c4a4f;
         border-top: solid 1px #fff;
         background-color: #eaeaea;
         width: 100%;
         */
         width: 80%;
         background-color: rgba(255, 255, 255);
    }
     .panel-caption p, .panel-caption h3{
         font-size:1rem;
    }
}
 .si-wrapper .contact-us h3{
     margin-top: 2rem;
}
 .content-row:has(.hex-orange) .btn-label {
     color: white;
}