@import url('https://webprod.uhv.edu/2025/css/cnas-base.css'); /*NAAS-base.css*/
@import url('https://webprod.uhv.edu/2025/css/header-hero.css'); /*header-hero.css*/
#wrapper { background-color: var(--white); }
.mobile-only { display: block }
.desktop-only { display: none }
.telephone { color: inherit; text-decoration: underline; }
.skip-to-content-link { position: fixed; top: -50px; left: 20%; z-index: 9999; padding: 10px; background-color: var(--white); color: var(--eerie-black); text-decoration: none; -webkit-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; }
.skip-to-content-link:focus-within { top: 3px; }

main p { line-height: 1.5; margin: .5em 2.5em .5em 0; }

main ul { list-style: none; }
main h2 { color: var(--eerie-black); font-size: 2.5rem; /* margin-top: 0; */ }
main h3 { color: var(--uni-red); }
.column-60 { -webkit-box-flex: 60%; -ms-flex: 60%; flex: 60%; }
.column-50 { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; }
.column-50:nth-child(2) { padding: 0 0 0 1rem; }
.column-40 { -webkit-box-flex: 40%; -ms-flex: 40%; flex: 40%; padding: 0 0 0 2em; }
.column-30 { -webkit-box-flex: 30%; -ms-flex: 30%; flex: 30%; padding: 0 2rem 1rem 2rem; }
.column-30 > h2 { font-size: 1.75rem; text-align: left; }
.block.container .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: column; -ms-flex-line-pack: center; align-content: center; }
.text-and-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }


div.text-left p a:link, div.text-right p a:link, .Prog-Info-Table td a:link { color: var(--eerie-black); }
div.text-left p a:hover, div.text-right p a:hover, .Prog-Info-Table td a:hover { color: var(--uni-red); text-decoration: none; }
div.text-left p a:visited, div.text-right p a:visited, .Prog-Info-Table td a:visited { color: var(--uni-red); }

#dean-info .clipped-container { background-color: var(--white); -webkit-clip-path: none; clip-path: none; }
#dean-info { background-color: var(--white); }
    #dean-info a.button, .BG-UHV-white a.button {
        background-color: var(--white);
        border: 2px solid #abd037;
        color: var(--uni-red);
        font-weight: 600;
        margin: 0;
    }
    #dean-info a.button:focus, .BG-UHV-white a.button:focus { background-color: var(--uni-red); border: 2px solid #abd037; color: var(--white); }
        #dean-info a.button:hover, .BG-UHV-white a.button:hover { background-color: var(--uni-red); border: 2px solid var(--uni-red); color: var(--white); }
#dean-info div.green-arrow { height: 4em; margin: 35px 0 0 65px; background-color: transparent; background-image: url(https://www.uhv.edu/media/uhv/college-of-natural-and-applied-science/images/green-left-arrow.png); background-position: left top; background-repeat: no-repeat; background-size: cover; }
#dean-info div.heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#dean-info h2 { color: var(--eerie-black); font-size: 2.8em; margin: auto auto auto 0; display: block; }
#dean-info img.dean-photo { background-color: var(--white); }

header #nav-secondary li { margin: 0 20px; }
#wrapper:not(.home-page) .more-info a.tile { display: block; border: 3px var(--black) dashed; border-radius: 10px; -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; margin: 20px auto; padding: 60px 40px; text-align: center; text-decoration: none; min-width: 280px; }
#wrapper:not(.home-page) .more-info a.tile:hover, #wrapper:not(.home-page) .more-info a.tile:focus { border: 3px var(--uni-red) dashed; border-radius: 10px; }
.button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.button-container.double-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.button-container.single-button { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.button-container.triple-button { width: 100%; -ms-flex-pack: distribute; justify-content: space-around; }
.button-container.triple-button a { background-color: var(--white); color: var(--uni-red); font-weight: 600; }
.button-container.triple-button a:hover { background-color: var(--uni-red); color: var(--white); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.hero + .divider { width: 100%; height: 60px; background-color: var(--eerie-black); border-top: 3px var(--yellow-green) solid; }
.hamburger { background: transparent; border: none; cursor: pointer; font-size: 1.25em; margin-left: 1em; outline: none; z-index: 1000; }
.home-page .more-info.BG-UHV-black a.tile { color: white; }
.home-page .more-info a.tile { display: block; border: 3px var(--uni-red) dashed; border-radius: 10px; margin: 20px auto; padding: 60px 40px; text-align: center; text-decoration: none; min-width: 280px; }
.home-page .more-info a.tile:hover, .home-page .more-info a.tile:focus { border: 3px white dashed; border-radius: 10px; }
#dean-info .image-and-text { padding-right: 0; }
.image-and-text { padding: 20px; }
.more-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.more-info a.button { display: block; background-color: inherit; border: 3px var(--uni-red) dashed; border-radius: 10px; font-weight: 600; -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; margin: 20px 0; padding: 60px 40px; text-align: center; text-decoration: none; }
.more-info a.button:hover, .more-info a.button:focus { border: 3px white dashed; border-radius: 10px; -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.more-info img { width: 170px; margin: 0 auto; }
.more-info p { font-size: 2em; margin: 20px 0 0 0; text-align: center; text-decoration: none; }
p.quote { margin: 0 0px 50px 23px; font-size: 1.55rem; line-height: 1.5; }
p.quote:before { content: "\201C"; }
p.quote:after { content: "\201D"; }
p.quote-name { margin: 0 0 0 23px; color: var(--uni-red); text-transform: uppercase; font-size: 1.55rem; line-height: 1.5; }
p.quote-name::before { content: "-"; color: black; }
p.quote-year-degree { margin: 0 0 0 23px; color: var(--eerie-black); font-size: 1.55rem; line-height: 1.5; }

.circle, .rectangle, .square { margin: 5px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.circle { border-radius: 50%; height: 300px; width: 300px; }
.square { border-radius: 15px; height: 300px; width: 300px; }
.rectangle { border-radius: 15px; max-width: 97%; max-height: 97%; }

.text-and-image .text-container, .image-and-text .text-container { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.text-and-image button, .image-and-text button { font-size: 1rem; font-weight: 600; margin: 20px auto; padding: 30px 25px; }
.text-and-image, .image-and-text { padding: 20px; }
.text-container .button-container.double-button { white-space: nowrap; }

a.button { border-radius: 8px; display: block; padding: 10px 20px; text-decoration: none; text-align: center; margin: 1em 0; min-width: 200px; max-width: 320px; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }

div.BG-UHV-gray a.button { background-color: var(--white); border: 2px solid #abd037; color: var(--uni-red); font-weight: 600; }
    div.BG-UHV-gray a.button:hover, div.BG-UHV-gray a.button:focus { background-color: var(--uni-red); border: 2px solid var(--uni-red); color: var(--white); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;
    }
div.BG-UHV-red a.button { background-color: var(--white); border: 2px solid #abd037; color: var(--uni-red); font-weight: 600; }
div.BG-UHV-red a.button:hover, div.BG-UHV-red a.button:focus { background-color: var(--uni-red); border: 2px solid #abd037; color: var(--white); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
div.BG-white a.button, div.BG-UHV-white a.button { background-color: var(--white); border: 2px solid #abd037; color: var(--uni-red); font-weight: 600; }
div.BG-white a.button:hover, div.BG-white a.button:focus, div.BG-UHV-white a.button:hover, div.BGUHV--white a.button:focus { background-color: var(--uni-red); border: 2px solid var(--uni-red); color: var(--white); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
header {
    background-color: var(--eerie-black) !important;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 1920px;
}
header #nav-primary .logo { display: inline-block; }
header #nav-primary .logo img { width: 70%; }
header #nav-primary { background-color: var(--uni-red); width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; height: 70px; z-index: 2; max-width: 1920px; }
header #nav-primary li a { border-radius: 4px; color: var(--white); font-size: 1rem; padding: 10px 50px 6px 50px; text-decoration: none; white-space: nowrap; }
header #nav-primary li a:hover, header #nav-primary li a:focus { text-decoration: underline; }
header #nav-primary ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
/*#secondnav {
    background-color: var(--eerie-black);
    color: var(--white);
    left: 0;
    max-width: 1920px;
    min-height: 3rem;
    padding: 2rem;
    position: relative;
    right: 0;
    top: -5rem;
    width: 100%;
}*/

    #secondnav > .thisSection, #secondnav > .thisSection h1 {
        /*color: var(--CNAS-green);*/
        font-size: 1.5rem;
        margin: 0 0 0 0.4em;
    }

    #secondnav ul.secondNav-menu {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        /*margin-bottom: -5rem;*/
        margin-top: 1rem;
        margin-left: 0;
        overflow: hidden;
        padding: 0;
        transition: all 0.25s ease-in;
    }

        #secondnav ul.secondNav-menu li {
            border-bottom: 0.0625rem solid var(--white);
            color: var(--white);
            display: inline-flex;
            font-size: 1rem;
            margin: 0 0 1rem 2rem;
            padding: 0 0 0.5rem 0;
            white-space: normal;
            width: calc(23% - 0rem);
        }

            #secondnav ul.secondNav-menu li a {
                display: block;
                margin: 0 1.5em 0 0.5rem;
                transform: translateX(0rem);
                transition-duration: 0.3s;
                transition-property: transform;
                width: 85%;
            }

                #secondnav ul.secondNav-menu li a:link, #secondnav ul.secondNav-menu li a:visited {
                    color: #fff;
                    text-decoration: none;
                }

header #nav-secondary { background-color: var(--uni-red); font-size: 0.5em; padding: 20px; }
header #nav-secondary a { border-radius: 4px; color: var(--white); display: block; font-size: 22px; line-height: 22px; padding: 8px 5px; text-decoration: none; white-space: nowrap; }
header #nav-secondary a:hover, header #nav-secondary a:focus { text-decoration: underline; }
/*.hero {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-height: 800px;
    min-height: 500px;
    overflow: hidden;
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 82%, 70% 90%, 0 82%);
}*/
header .hero h1 { /*text-shadow: 0px 3px 0px var(--dim-grey), 0px 14px 10px rgba(0, 0, 0, 0.38), 0px 24px 2px rgba(92, 85, 85, 0.04), 0px 34px 30px rgba(0,0,0,0.1);*/ }
header .hero h1 span { font-size: 0.7em; }
header .hero img { display: block; width: 100%; height: auto; }
header .hero video { width: 100%; height: auto; }
header .hero-container { background-color: var(--uni-red); }
.hero-container.bent-arrow { height: auto; overflow: hidden; padding: 0; }
.hero-container.bent-arrow img { display: none; }
.hero-container.bent-arrow video { position: relative; top: 0; background-color: var(--eerie-black); }
#d2 > .hero-container.bent-arrow { padding: 0; }
#dean-info > .clipped-container { padding: 0; }
header { background-color: var(--uni-red); }

.BG-UHV-black { background-color: var(--eerie-black); }
.BG-UHV-gray, .tanBG {
    background-color: var(--platinum-light);
}
.BG-UHV-red { background-color: var(--uni-red); }
.BG-UHV-red h1, .BG-UHV-red h2, .BG-UHV-red h3, .BG-UHV-red p { color: var(--white); }
.BG-UHV-red h2 { /*text-shadow: 4px 4px 0px var(--uni-red), -4px 0 0px var(--uni-red), 7px 4px 0 var(--black);*/ }
.BG-UHV-tan { background-color: var(--timberwolf); }

/* To accommodate CLASSs button style i.e. as used in prog info content-type */
.button.red-btn { border: none; border-radius: 8px; padding: 10px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 1em; font-weight: 600; margin-top: 1em; }
.button.red-btn + .button.red-btn { margin-left: 2%; }
.button.red-btn {
    background-color: var(--white);
    color: var(--uni-red);
    border: 2px solid #abd037; text-decoration: none; font-weight: 600;
}
.button.red-btn a:link, .button.red-btn a:visited { color: var(--uni-red); text-decoration: none; font-weight: 600; }
.button.red-btn:hover, .button.red-btn a:hover { background-color: var(--uni-red); border: 2px solid var(--uni-red); color: var(--white); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; cursor: pointer; }

.FG-UHV-black { color: var(--eerie-black); }
.FG-UHV-red { color: var(--uni-red); }
.FG-white { color: var(--white); }

.hero-message.BG-UHV-black h2 { color: var(--uni-red); }
.hero-message.BG-UHV-red h2 { color: var(--white); }

.button-green { background-color: var(--white); color: var(--uni-red); border: 2px solid var(--yellow-green); font-weight: 600; }
.button-red { background-color: var(--white); color: var(--uni-red); border: 2px solid var(--yellow-green); font-weight: 600; }
.button-black { background-color: var(--white); color: var(--uni-red); border: 2px solid var(--yellow-green); font-weight: 600; }

.button-green:hover, .button-red:hover { background-color: var(--white); color: var(--uni-red); border: 2px solid var(--yellow-green); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.button-black:hover { background-color: var(--uni-red); color: var(--white); border: 2px solid var(--uni-red); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }

section:not(.block.container) > div:first-child { padding: 2% 4% 2% 4%; /* EXCLUDES LIBER-ARTS CONTENT TYPE */ }
section.block.container { padding: 2% 4%; /* FOR LIBER-ARTS CONTENT TYPE */ }

section.BG-UHV-red div.flex-center { padding: 0 !important; }

section div.grid-container { display: block; padding: 2% 4%; }
section div.grid-container h2 { font-size: 2em; text-transform: uppercase; }
section div.should-be-here { display: block !important; }
section div.should-be-here .button-container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
section div.should-be-here .button-container a { font-size: 1.35em; }
section div.should-be-here h2 { font-size: 6rem; text-transform: uppercase; /*text-shadow: 4px 4px 0px var(--white), -4px 0 0px var(--white), 7px 4px 0 var(--yellow-green);*/ text-align: center; letter-spacing: -5px; }
section div.should-be-here h2 span { color: var(--yellow-green); font-size: 8rem; /*text-shadow: 4px 4px 0px var(--white), -4px 0 0px var(--white), 7px 4px 0 var(--black);*/ }

.image-message { padding: 0; width: 100%; height: 600px; position: relative; background-repeat: no-repeat; background-size: cover; }
.image-title { font-size: 1em; position: absolute; left: 30px; bottom: 30px; background: rgb(0,0,0,.6); padding: 10px 30px; }

.grid-row .grid-column:nth-of-type(1) h3, .grid-row .grid-column:nth-of-type(3) h3 { border-bottom: 8px var(--yellow-green) solid; }
.grid-row .grid-column:nth-of-type(2) h3 { border-bottom: 8px var(--uni-red) solid; }
.grid-container h3 { font-size: 2em; text-align: center; }
.grid-container h3 span { height: 100%; }
.grid-container h3 span.icon img { width: auto; height: 2em; display: inline-block; vertical-align: baseline; }

.grid-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.grid-column { -ms-flex: 100%; -webkit-box-flex: 100%; flex: 100%; max-width: 100%; }
.grid-column p { font-size: 1em; text-align: left }
a.grid-column img { margin: 0 auto 15px auto; vertical-align: middle; width: 100%; max-width: 200px; }
a.grid-column span { font-size: 1rem; }

/*YouTube Video with Text*/
.video-responsive { border-right: 10px var(--yellow-green) solid; overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.video-text { color: var(--eerie-black); text-align: center; padding: 6em; }
.video-text p { font-size: 1.35em; margin: 0; }
.column { background-color: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.double-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 0 !important; }
.videoSection { margin-bottom: 0em; }
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
/*End YouTube Video with Text*/

/*Contact Us Profiles*/
.service-details { min-width: 475px; max-height: 250px; overflow: hidden; position: relative; }
.service-details img { width: 70%; height: auto; float: left; padding: 0 5rem 0 0; -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -moz-transition: all 0.8s; }
.service-details:hover img { }
.service-details .service-hover-text .profile-name { margin: 0 0 0.55rem 0; font-size: 1rem; }
.service-details .service-hover-text .profile-title { padding-bottom: 0.5rem; margin: 0px; font-size: 0.75rem; letter-spacing: 1px; width: 45%; text-transform: uppercase; border-bottom: 2px solid var(--eerie-black); }
.service-details .service-hover-text p { font-size: 1rem; line-height: 1.5; width: 50%; }
.service-white.service-text > p > a:link, .service-white.service-text > p > a:visited { color: var(--uni-red); text-decoration: none; }
.service-white.service-text > p > a:hover { color: var(--uni-red); text-decoration: underline; }
.service-details .service-hover-text { width: 100%; height: 100%; position: absolute; top: 0%; left: 50%; padding: 5% 4%; background: #D90E0E; color: rgba(255,255,255,1); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.4s; }
.service-details:hover .service-hover-text { display: block !important; color: rgba(255,255,255,1); background: rgba(217,14,14,0.85); left: 0px; top: 0px; }
.service-details .service-text { width: 50%; height: inherit; background: var(--black); float: left; position: absolute; left: 50%; height: 100%; display: block; }
.service-details .service-text p { margin-bottom: 0.75rem; padding: 0px 0px 0px 1rem; font-size: 1.5rem; color: var(--white); }
.service-details .service-text p span { }
.service-details .service-text p.phone, .service-white .service-text { font-size: 1rem; color: var(--eerie-black) !important; text-decoration: none !important; }
.service-details .service-text { float: left; }
.service-white { background: #eee !important; }
.service-white p { color: var(--uni-red) !important; }
.faculty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 2em; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; }

nav.second-navRed.noImage { padding: 0 50px; min-height: 4em; top: -2rem; }
.profile-header { width: 100%; height: 100%; max-height: 200px; min-height: 125px; background: var(--uni-red); z-index: 0; }
section.profile-container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; padding: 3em 12em; width: 100%; }
section.profile-container-fluid .text a:link { color: var(--eerie-black); }
section.profile-container-fluid .text a:hover { color: var(--uni-red); text-decoration: none; }
section.profile-container-fluid .text a:visited { color: var(--uni-red); }
section.profile-container-fluid > .image { -ms-flex-preferred-size: 22%; flex-basis: 22%; }
section.profile-container-fluid > .image > img { max-width: 100% }
section.profile-container-fluid h2 { color: var(--uni-red); font-size: 2.25rem; letter-spacing: 3px; /*text-shadow: 1px 2px 1px rgba(100,100,100,0.16);*/ text-transform: uppercase; }
section.profile-container-fluid h2.full-name { margin-bottom: 0; margin-top: 0; }
section.profile-container-fluid h3 { margin-bottom: 0.5rem; font-size: 1.35rem; text-transform: uppercase; }
section.profile-container-fluid:nth-child(even) { background-color: var(--platinum); }
.text.profileText { -ms-flex-preferred-size: 70%; flex-basis: 70%; }
.text.profileText p { margin-bottom: 0; margin-top: 0; }

.button-13 { background-color: var(--white); border: 1px solid #d5d9d9; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--eerie-black); cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 1rem; line-height: 29px; padding: 8px 20px; position: relative; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; vertical-align: middle; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 1rem; margin-top: 1rem; }
.button-13:hover { background-color: var(--white-smoke); }
.button-13:focus { border-color: #008296; outline: 0; }

/*Expanding Boxes*/
section > div.redblkWrapper { background-color: var(--black); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1.25em 0 3em 0; padding: 0 !important }
section > div.redblkWrapper > div.dept { color: var(--white); overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 2rem; width: 100vw; height: 35vh; -webkit-transition: 5s; -o-transition: 5s; transition: 5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; text-transform: uppercase; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; }
section > div.redblkWrapper > div.dept a:link, section > div.redblkWrapper > div.dept a:visited { color: var(--white); text-decoration: none; width: 73%; }
section > div.redblkWrapper > div.dept:nth-child(1) { background-color: var(--uni-red); }
section > div.redblkWrapper > div.dept:nth-child(2) { background-color: var(--eerie-black); }
section > div.redblkWrapper > div:hover .dept { opacity: 0.3; }
section > div.redblkWrapper > div.dept:hover { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; opacity: 1; width: 80%; background-color: red; }
/*Expanding Boxes end*/

.home-page footer { background-color: var(--platinum); }
.text-wrapper > .name { font-size: 2.1rem; /*text-shadow: 3px 2px 3px var(--eerie-black);*/ }

/*:not(.home-page) footer { background-color: var(--white); }
footer .address .divider-bar { display: none; }
footer .address .phone { white-space: nowrap; }
footer .address { display: block; font-size: 0.8em; list-style: none; margin-bottom: 0px; margin-top: 10px; min-height: 1px; padding: 0 3%; width: 100%; }
footer .clipped-container { background-color: var(--uni-red); }
footer .footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
footer .footer-navigation.page-navigation,
footer .identifier { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; margin: 0 auto; text-align: center; }
footer .logo { border: none; padding: 0; text-align: center; width: auto; max-width: 100%; }
footer .page-link-box .tier-1 { border-right: none; }
footer .page-link-box { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; margin: 2em auto; padding: 0; text-align: center; }
footer .page-link-box li { border: none; display: block; font-size: inherit; }
footer .page-navigation li a { padding: 0; line-height: normal; }
footer .page-navigation li a:hover { color: white; text-decoration: underline; }
footer .social-media .fa:focus, footer .social-media .fa:hover, footer .social-media .fa:active, footer .social-media .fa-brands:focus, footer .social-media .fa-brands:hover, footer .social-media .fa-brands:active { color: black; -webkit-transition: color 250ms ease-out; -o-transition: color 250ms ease-out; transition: color 250ms ease-out; }
footer .social-media { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; letter-spacing: 5px; margin-left: auto; margin-right: auto; max-width: 62.5rem; margin-bottom: 20px; margin-top: 2em; min-height: 35px; position: relative; text-align: center; }
footer .social-media a { margin: 0 2%; cursor: pointer; font-size: 1.2rem; }
footer .university-links.page-navigation { width: auto; margin: 10px auto; }
footer { color: white; }
footer > .clipped-container { padding: 0 0 2em 0; }
footer a:link, footer a:visited { color: white; text-decoration: none; }
footer li a, footer li span.currentsection { background-color: transparent; border-bottom: none; text-decoration: none; }*/

.icon-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; width: auto; }
.icon-gallery > .icon-item { width: auto; text-align: center; display: block; background-color: transparent; border: 1px solid transparent; margin-left: 4rem; margin-right: 4rem; margin-bottom: 1px; float: left; text-decoration: none; max-width: 300px; }
.icon-gallery > .icon-item > span { color: var(--uni-red); display: block; font-size: 2rem; text-decoration: none; text-transform: capitalize; }
.static { position: absolute; background: var(--timberwolf); }
.static:hover { opacity: 0; }
video { border-left: 10px var(--yellow-green) solid; }

/*Table style*/
table.accreditation-program-enrollment th, table.accreditation-program-enrollment td, table.accreditation-graduation-data th, table.accreditation-graduation-data td { padding: 5px; }
.Prog-Info-Table { border-collapse: collapse; color: var(--eerie-black); margin-left: auto; margin-right: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.Prog-Info-Table caption { background-color: var(--timberwolf); border: none; color: var(--eerie-black); display: table-caption; font-size: 1rem; text-align: center; padding: 3px 5px; visibility: hidden; height: 0; }
.Prog-Info-Table tbody tr:nth-child(even) > th, .Prog-Info-Table tbody tr:nth-child(even) > td { background-color: var(--white-smoke); }
.Prog-Info-Table th { width: 35%; }
.Prog-Info-Table th p, .Prog-Info-Table tr p, .Prog-Info-Table td p { margin: 0; }
.Prog-Info-Table, .Prog-Info-Table th, .Prog-Info-Table tr, .Prog-Info-Table td { background-color: var(--white); border: none; padding: 0.75em 1em 0.75em 1em; }
/*End table style*/

@media screen and (max-width: 280px) {
    .text-container .button-container.double-button { white-space: normal; }
    .more-info img { width: 131px; margin: 0 auto; }
    .home-page .more-info a.tile { min-width: 220px; }
}

@media screen and (max-width: 500px) {
    .hero + .divider { height: 0; }
    /*.hero-image {min-height: 295px;}*/
    .home-page .more-info a.tile { min-width: 220px; }
    .more-info img { width: 131px; margin: 0 auto; }
    .profile-container:nth-child(2n) { margin: unset; }
    .service-details { min-width: 475px; max-height: 250px; overflow: hidden; position: relative; margin-bottom: 1rem; }
    .text-container .button-container.double-button { white-space: normal; }
    .text-left ul.twoCol { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    section div.should-be-here h2 { font-size: 4rem; }
    section div.should-be-here h2 span { font-size: 5rem; }
    section.profile-container-fluid .text p { overflow-wrap: break-word; }
    section.profile-container-fluid .text.profileText { -ms-flex-preferred-size: unset; flex-basis: unset; margin-top: 1.2em; }
    section.profile-container-fluid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2em 2em 2em 2em; }
    section.profile-container-fluid > .image { -ms-flex-preferred-size: unset; flex-basis: unset; }
    section.profile-container-fluid:first-of-type .image { margin-top: 72px; }
    section:not(.block.container) > div:first-child { /* padding: unset; */ /* margin-top: 92px; */ }
}

@media screen and (max-width: 375px) {
    #wrapper:not(.home-page) .hero h1.hero-title { font-size: 2.5em; }
    .block.container .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .grid-container h3 { text-align: left; }
    .grid-container h3 span.icon img { }
    .hero-image {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-repeat: no-repeat;background-size: 160%;background-position: top;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;/* top: 4.25rem; */}
    .hero-message.clipped-container { padding: unset; -webkit-clip-path: unset; clip-path: unset; }
    .image-and-text { margin-top: 5rem; }
    .image-message { padding: 0; width: 100%; height: 156px; position: relative; background-repeat: no-repeat; background-size: contain; }
    .service-details .service-hover-text .profile-name { margin: 0 0 0.55rem 0; font-size: 1rem; }
    .service-details .service-hover-text .profile-title { padding-bottom: 0.5rem; margin: 0px; font-size: 0.75rem; letter-spacing: 1px; width: 45%; }
    .service-details .service-text { padding-right: 0.25rem; }
    .service-details .service-text p { margin-bottom: 0.75rem; padding: 0; font-size: 1rem; }
    .service-details .service-text p.phone, .service-white .service-text { font-size: 0.95rem; }
    .service-details { min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; overflow: hidden; position: relative; margin-bottom: 1.5rem; }
    .service-details img { width: 80%; height: auto; float: left; padding: 0 5rem 0 0; -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -moz-transition: all 0.8s; }
    .videoSection.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: unset; flex-wrap: unset; width: 100%; }
    .video-text { padding: 1.85em; }
    footer .address { font-size: 1em; }
    main h2 { Font-size: 3rem; }
    main p { line-height: 1.75; margin: 1em; }
    section div.should-be-here h2 { font-size: 3rem; }
    section div.should-be-here h2 span { font-size: 4rem; padding: 0px 19px 0 0; }
    p.quote { margin: 5px 0px 50px 10px; font-size: 1.35rem; }
}

/* On screens that are 412px or less */
@media screen and (max-width: 412px) {
   .row { -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
   #dean-info h2 { font-size: 2.6em; }
   #dean-info a.button, .BG-UHV-white a.button { margin-bottom: 1rem; }
   main h2 { font-size: 2.8rem; }
  .image-and-text { margin-top: 4.5rem; }
  .video-text { padding: 3rem; }
    #secondnav ul.secondNav-menu li {
        display: inline-flex;
        margin: 0 0 1rem 1rem;
        width: 100%;
    }
}

/* On screens that are 410px or more */
@media screen and (min-width: 410px) {
    header #nav-primary { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    header #nav-primary ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .row { flex-direction: column; flex-wrap: unset; }
    article, aside, details, figcaption, figure, header, main, menu, nav, section, summary { display: block; position: relative; }
}

/* On screens that are 600px or more */
@media screen and (min-width: 600px) {
    #dean-info .clipped-container { -webkit-clip-path: none; clip-path: none; }
    .button-container.double-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .telephone { color: inherit; text-decoration: none; }
    header #nav-primary { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    header .hero-container h1 { /*text-shadow: 1px 1px 3px black, -1px 1px 3px black, -1px -1px 3px black, 1px -1px 3px black;*/ text-transform: uppercase; font-size: 3.7rem; position: absolute; margin: 0 -50% 0 0; text-align: center; color: var(--white); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
    header .hero-container h1 span { font-size: 0.6em; }
    section div.grid-container h2 { font-size: 3em; text-transform: uppercase; }
    .rectangle { border-radius: 15px; max-width: 600px; max-height: 400px; }
    section div.should-be-here h2 { line-height: 1; }
}

/* On screens that are 650px or more */
@media screen and (min-width: 650px) {
    .button-container.double-button { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: unset; flex-wrap: unset; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .double-button a.button + a.button { margin-left: 1em; }
}

/* On screens that are 768px or more */
@media screen and (min-width: 768px) {
    /*#dean-info .clipped-container { -webkit-clip-path: polygon(0 0, 30% 0, 50% 100px, 70% 0, 100% 0, 100% 100%, 0 100% ); clip-path: polygon(0 0, 30% 0, 50% 100px, 70% 0, 100% 0, 100% 100%, 0 100% ); }*/
    #dean-info .image-and-text { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0 50px 4%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    #wrapper:not(.home-page) .green-arrow { /* display: none; */ }
    #dean-info div.green-arrow { display: block; height: 4em; margin: 35px 0 0 65px; background-color: transparent; background-image: url(https://www.uhv.edu/media/uhv/college-of-natural-and-applied-science/images/green-left-arrow.png); background-position: left top; background-repeat: no-repeat; background-size: cover; width: 100% !important; }
    .grid-column { -ms-flex: 50%; -webkit-box-flex: 50%; flex: 50%; max-width: 47%; }
    .telephone { color: inherit; text-decoration: none; }
    .text-and-image, .image-and-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    header #nav-primary .logo img { max-width: inherit; }
    header #nav-primary { }
    header .hero-container h1 { /*text-shadow: 1px 1px 3px black, -1px 1px 3px black, -1px -1px 3px black, 1px -1px 3px black;*/ text-transform: uppercase; font-size: 3.7rem; position: absolute; margin: 0 -50% 0 0; text-align: center; color: var(--white); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
    header .hero-container h1 span { font-size: 0.6em; }
    section div.should-be-here h2 { font-size: 7rem; }
    section div.should-be-here h2 span { font-size: 8.4rem; }
    main section.block.container div.flex { flex-direction: row; }
    #dean-info a.button, .BG-UHV-white a.button { margin-bottom: unset; }
}

/* On screens that are 900px or more */
@media screen and (min-width: 900px) {
    #dean-info .image-and-text { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0 50px 4%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    #dean-info a.request-info { width: 300px; margin: 20px; }
    #dean-info h2 { font-size: 3rem; line-height: 1.5; }
    #wrapper { margin: 0 auto; max-width: 1920px; }
    .button-container a.button { font-size: 1rem; margin: 1em 0; }
    .desktop-only { display: inline-block }
    .flex-end { -ms-flex-pack: distribute; justify-content: space-around; }
    .flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .grid-column { -ms-flex: 50%; -webkit-box-flex: 50%; flex: 50%; max-width: 47%; }
    .hero-container.bent-arrow { position: relative; }
    .hero-container.bent-arrow img { border: none; display: inline-block; position: absolute; margin: 0; bottom: 100%; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); max-width: 100%; }
    .hero-container.bent-arrow video { margin-top: 30px; max-height: calc(100vmin - 85px); width: 100vw; }
    .image-and-text .dbl-button-container { padding: 50px 0 20px 0; }
    .image-and-text .text-container { margin-left: 65px; }
    .mobile-only { display: none }
    .more-info { padding: 4%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; }
    .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    footer .address .divider-bar { display: inline-block; }
    footer .address { display: block; list-style: none; margin-bottom: 0px; margin-top: 10px; min-height: 1px; padding: 0 3%; width: 100%; font-size: 1rem; }
    footer .address li { display: inline; }
    /*footer .footer-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }*/
    footer .footer-navigation.page-navigation, footer .identifier { border-right: 2px var(--white) solid; /*padding: 0px 290px 0 0;*/ }
    footer .logo { display: inline-block; border: none; padding: 0; text-align: center; width: auto; max-width: 300px; }
    footer .page-link-box li { display: inline; }
    footer .university-links.page-navigation { width: auto; }
    footer li:not(:last-child)::after { color: var(--white); content: " | "; }
    header #nav-primary { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    header #nav-primary li a { font-size: 1.35rem; padding: 8px 20px; }
    header #nav-primary ul { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
    header #nav-primary video { margin-top: -50px; }
    header #nav-secondary a { font-size: 28px; }
    header #nav-secondary ul { -ms-flex-line-pack: distribute; align-content: space-around; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    header .hero-container h1 { /*text-shadow: 2px 2px 5px black, -2px 2px 5px black, -2px -2px 5px black, 2px -2px 5px black;*/ text-transform: uppercase; font-size: 5rem; position: absolute; margin: 0 -50% 0 0; text-align: center; color: var(--white); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
    header .hero-container h1 span { font-size: 0.5em; }
    header .home-page.hero { height: 600px; }
    section div.should-be-here h2 { font-size: 8rem; }
    section div.should-be-here h2 span { font-size: 9.6rem; }
}

@media screen and (min-width: 1005px) {
    .image-and-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .text-and-image { }
    header #nav-primary ul { }
    header .hero-container h1 { /*text-shadow: 2px 2px 5px black, -2px 2px 5px black, -2px -2px 5px black, 2px -2px 5px black;*/ text-transform: uppercase; font-size: 6rem; position: absolute; margin: 0 -30% 0 0; text-align: center; color: var(--white); top: 30%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
    header .hero-container h1 span { font-size: 0.5em; }
}

@media screen and (min-width: 1200px) {
    #dean-info .clipped-container { -webkit-clip-path: none; clip-path: none; }
    .grid-column { -ms-flex: 28%; -webkit-box-flex: 1; flex: 1 1 28%; max-width: 30%; }
    .image-and-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .text-and-image { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    section div.should-be-here h2 { font-size: 5rem; }
    section div.should-be-here h2 span { font-size: 6rem; }
    .row { flex-direction: row; flex-wrap: wrap; }
}