/* CSS to over ride styles */
/* 
     /\_/\  
    ( o.o ) ICAT.VT.EDU GLOBAL CSS for CFWPP.ICAT.VT.EDU
     > ^ <  
*/ 

.vt-home #vt_main {background: url('https://icat.vt.edu/content/dam/icat_vt_edu/img/icat-brush.png');}


.youtube-video {aspect-ratio: 16 / 9;width: 100%;}

.hide-me .vt-callToAction .vt-callToAction-message-heading {background:#222;}
.vt-callToAction .vt-callToAction-message.maroon {background: #222;color: #fff;}
.vtcontainer .vt-utProsim {top:-125px !important;}


.vt-home .vt-page-path {position: relative; z-index: 0;}
.vt-home #vt_main {margin-top:-40px;}

.small-text{font-size:0.75em;}

.GaugeMeter {
   top: 0;
   text-align: center;
   background: #fff;
   color: #000;
   border-radius: 100px;
   position: relative;
   overflow: hidden;
   cursor: default;
   width: 100%;
 }
 
 .GaugeMeter span {
   width: 100%;
 }
 
 .GaugeMeter span,
 .GaugeMeter b {
   margin: 0 auto;
   width: 100%;
   position: absolute;
   text-align: center;
   display: inline-block;
   color: #000 !important;
   font-weight: 100;
   font-family: 'Open Sans', Arial;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .GaugeMeter[data-style="Semi"] b {
   margin: 0 10%;
   width: 80%;
 }
 
 .GaugeMeter s,
 .GaugeMeter u {
   text-decoration: none;
   font-size: 0.5em;
   opacity: 0.5;
 }
 
 .GaugeMeter b {
   font-weight: 300;
   font-size: 0.8em;
   opacity: 0.4;
   margin-top: 25px;
 }
 
 #icaticons {
   float: left;
   margin: 0 4px 0 0;
   border-radius: 2px;
 }
 
 .socicons {
   width: 20px;
 }
 
/* .icat-footer-text li {
   color: #000;
 }
 
 .icat-footer-text a {
   color: #000 !important;
 }
 
 .icat-footer-text li a {
   color: #000 !important;
 }
 
 footer .contact a {
   color: #000 !important;
 }
 */
 .vt-search .search-results {
   background: none !important;
 }
 
 .gsc-selected-option {
   color: #fff;
 }
 
 .gs-webResult.gs-result a.gs-title:link {
   color: #15c !important;
 }
 
 .gs-result .gs-title * {
   color: #15c !important;
 }
 
 .gsc-webResult.gsc-result {
   padding: 20px;
   border: solid 1px #eee !important;
   border-radius: 5px;
 }
 
 .vt-search-googlesearch #vt_search_block_component .vt-go-button .vt-go-button-text {
   color: #fff;
   background-color: #333;
 }
 
 .gsc-control-cse {
   background: none !important;
 }
 
 .gsc-adBlock {
   display: none !important;
 }
 
 .vt-search-googlesearch #vt_search_block_component {
   background: none !important;
 }
 
 .icat-search {
   width: 100%;
   margin: 0 auto;
   height: 70px;
 }
 
 .vt-gcse-script {
   width: 100%;
   height: 30px;
 }
 
 footer p {
   color: #000;
 }
 
 /* Provost Cards */
 .vt-provost-cardWrapper {}
 
 .vt-provost-cardWrapper .vt-provost-card-multicolumn {
   margin-bottom: 2em !important;
 }
 
 .vt-provost-card-multicolumn > .row > div:not(:last-of-type) {
   margin-bottom: 2em;
 }
 
 @media screen and (min-width: 768px) {
   .vt-provost-card-multicolumn > .row > div:not(:last-of-type) {
     margin-bottom: 0;
   }
 }
 
 .vt-provost-card-multicolumn .vt-col {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   margin-bottom: 0;
 }
 
 .vt-provost-card-multicolumn .vt-col.has-children {
   border: 1px solid #e5e1e6;
 }
 
 .vt-provost-card-multicolumn .vt-col.no-children {
   border: none;
 }
 
 .vt-provost-card-image {}
 
 .vt-provost-card-text {
   margin: 0 2em;
 }
 
 .vt-provost-card-cta {
   margin: 0 2em 2em;
 }
 
 .vt-provost-card-multicolumn .vt-col .text.parbase {
   margin-top: 1.67em;
   flex-grow: 2;
 }
 
 .vt-provost-card-multicolumn .vt-col .adaptiveimage.parbase ~ .text.parbase {
   margin-top: 0;
 }
 
 .vt-page-info {
   background: url('https://icat.vt.edu/content/dam/icat_vt_edu/img/dark_mosaic.png');
 }
 
 .vt-page-path {
   background: url('https://icat.vt.edu/content/dam/icat_vt_edu/img/dark_mosaic.png');
 }
 
 /* ----------------------------------------------------------------
    Footer + ul/li styling    
 ---------------------------------------------------------------- */
 .col-md-4 {
   padding: 0;
 }
 
 footer .footer-content.active {
   border-bottom: solid 3px #861f41;
   background-color: #fff;
 }
 
 .vt-rawhtml ol li > ul > li::before,
 .vt-rawhtml ul > li::before,
 .vt-text ol li > ul > li::before,
 .vt-text ul > li::before {}
 
 .vt-rawhtml ul {
   padding-left: 0;
   margin-left: 0;
   margin-bottom: 0;
   line-height: 1.75em;
 }
 
 .icat-footer-text {
   display: block;
   font-family: Acherus, sans-serif;
   font-size: 0.8em;
   font-weight: 300;
   font-style: normal;
   line-height: 1.75;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   vertical-align: text-bottom;
   color: #fff;
   width: auto;
   margin-bottom: 1em;
   padding-bottom: 20px;
 }
 
 /* change breadcrumb bgcolor to maroon */
 /* .gateway .vt-breadcrumbs-item:not(.vt-breadcrumbs-parentorg):last-of-type .vt-breadcrumbs-link {
   background-color: #861f41 !important;
 } */
 
 /* .vt-page-info {
   background: #222 !important;
   border-bottom: solid 4px #861f41 !important;
   padding-top: 45px !important;
 } */
 /* .vt-home .vt-page-path {
   background: #222;
 } */
 
 .container-fluid {
   z-index: 0;
 }
 
 /* ----------------------------------------------------------------
    Mobile styling (landing page)
 ---------------------------------------------------------------- */
 /* Mobile portrait (max-width: 40em) */
 @media only screen and (max-width: 40em) {
   .icat-logo img {
     width: 250px !important;
     margin-bottom: 100px;
   }
   .icat-footer,
   .icat-footer-text {
     text-align: center !important;
   }
   .icat-image-map {
     display: none !important;
   }
   /* .mobile-areas { display: block; } */
   .big-icat-animation {
     display: none !important;
   }
 }
 
 /* Mobile landscape (min-width: 40.063em and max-width: 64em) */
 @media only screen and (min-width: 40.063em) and (max-width: 64em) {
   .mobile-areas,
   .lil-icat-animation {
     display: none;
   }
 }
 
 /* Large screens (min-width: 64.063em and max-width: 90em) */
 @media only screen and (min-width: 64.063em) and (max-width: 90em) {
   .mobile-areas,
   .lil-icat-animation {
     display: none;
   }
 }
 
 /* Extra large screens (min-width: 90.063em and max-width: 120em) */
 @media only screen and (min-width: 90.063em) and (max-width: 120em) {
   .mobile-areas,
   .lil-icat-animation {
     display: none;
   }
 }
 
 /* Extra extra large screens (min-width: 120.063em and max-width: 240em) */
 @media only screen and (min-width: 120.063em) and (max-width: 240em) {
   .mobile-areas {
     display: none !important;
   }
   .lil-icat-animation {
     display: none;
   }
 }
 
 /* Additional rule for screens min-width: 768px */
 @media screen and (min-width: 768px) {
   .mobile-areas {
     display: none !important;
   }
   .lil-icat-animation {
     display: none;
   }
 }
 body {    z-index: -2;
   position: relative;}
@-moz-document url-prefix() {
   .header {
       z-index: 1;
       position: relative
   }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
   .header {
       z-index: 1;
       position: relative
   }
}

.icat-menu-test {
   margin-top: 10%
}

.icat-facility-cta p {
   color: #fff
}

.vt-callToAction .vt-callToAction-message-secondary .vt-callToAction-message-secondary-link-description::after {
   content: "";
   position: absolute;
   background: #e87722;
   height: 3px;
   width: 2em;
   bottom: -1.5em;
   left: 0
}

.vt-callToAction .vt-callToAction-supplement .vt-video {
   -webkit-box-shadow: none;
   box-shadow: none
}

.icat-iframe .vt-callToAction .vt-callToAction-message.light {

}

.inside-icat {
   border-bottom: solid 4px #861f41;
   z-index: 1!important
}

.tab-content .inside-icat {
   background-color: #fff!important
}

.icat-cta-div .vt-callToAction .vt-callToAction-message.light {
   background-color: #fff!important
}

.three-col-text {
   width: 88%;
   margin: 0 auto
}

.vt-callToAction .vt-callToAction-message-secondary-container::before {
   background-color: #000
}

.crse-link-img {
   -webkit-clip-path: polygon(13% 0, 100% 0, 88% 100%, 0 100%);
   clip-path: polygon(13% 0, 100% 0, 88% 100%, 0 100%)
}

.three-col-text {
   width: 88%;
   margin: 0 auto
}

@keyframes slideInFromLeft {
   0% {
       transform: translateX(-100%)
   }
   100% {
       transform: translateX(0)
   }
}

@keyframes slideInTest {
   0% {
       transform: translateX(77%)
   }
   100% {
       transform: translateX(0)
   }
}

@-webkit-keyframes slideInFromLeft {
   0% {
       -webkit-transform: translateX(-100%)
   }
   100% {
       -webkit-transform: translateX(0)
   }
}

@-webkit-keyframes slideInTest {
   0% {
       -webkit-transform: translateX(77%)
   }
   100% {
       -webkit-transform: translateX(0)
   }
}

.icat-menu-button {
   animation: 1.4s ease-out 0s 1 slideInFromLeft;
   padding: 30px
}

.icat-menu-test {
   animation: 1.7s ease-out 0s 1 slideInTest;
   padding: 30px;
   border-top: solid 5px #861f41
}

.vt-callToAction .vt-callToAction-message.light {
   background: #222;
   color: #fff
}

.vt-callToAction {
   padding-bottom: 0!important
}

.parbase>div {
   margin-bottom: 0!important
}

iframe {
   border: none;
   margin: 0 auto;
   display: block
}

.iframe-embed iframe {
   text-align: center;
   margin: 0 auto
}

.vt-provost-card-multicolumn .vt-col.has-children {
   border: none!important
}

/* .nav-tabs {
   display: none;
} */

.vt-home .vt-page-path {
   background: #222;
}

.vt-access-dialog-wrapper.open {
   position: fixed;
   z-index: 1;
}
   .container-fluid {
   z-index: -1 !important;
}

@media (max-width: 768px) {
   .sliding-item {
       transition: none !important; /* Disable transitions */
       transform: none !important; /* Prevent sliding */
       opacity: 1 !important; /* Ensure items are visible */
   }
}
       .container {
           position: relative;
           width: 100%;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           padding: 50px;
       }

       .sliding-item {
           color: #222;
           border-radius: 5px;
           position: relative;
           transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
           transform: translateX(100%); /* Initially off the screen (right) */
           opacity: 0; /* Hidden initially */
           margin: 20px 0;
       }

       .sliding-item.visible {
           transform: translateX(0); /* Slide into view */
           opacity: 1; /* Fully visible */
       }

       .sliding-item.hidden-left {
           transform: translateX(-100%); /* Slide out to the left */
           opacity: 0; /* Hidden */
       }

       .sliding-item.hidden-right {
           transform: translateX(100%); /* Slide out to the right */
           opacity: 0; /* Hidden */
       }

   .icat-footer-text li {color:#000;}