Alumni Association - Saginaw Valley State University

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Alumni Association - Saginaw Valley State University</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />  <meta name="title" content="Alumni Association - Saginaw Valley State University"/> <meta name="description" content="The SVSU Alumni Association enables alumni to stay connected with each other and the institution. It also provides resources, benefits, and more. ">  <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.svsu.edu/alumni/" /> <meta property="og:title" content="Alumni Association - Saginaw Valley State University" /> <meta property="og:description" content="The SVSU Alumni Association enables alumni to stay connected with each other and the institution. It also provides resources, benefits, and more. " /> <meta property="og:site_name" content="Saginaw Valley State University" /> <meta property="og:image" content="https://www.svsu.edu/media/007svsucommon/images/sv.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" />  <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://www.svsu.edu/alumni/" /> <meta property="twitter:title" content="Alumni Association - Saginaw Valley State University" /> <meta property="twitter:description" content="The SVSU Alumni Association enables alumni to stay connected with each other and the institution. It also provides resources, benefits, and more. " /> <meta property="twitter:image" content="https://www.svsu.edu/media/007svsucommon/images/sv.jpg" /> <meta property="twitter:site" content="@SVSU">  <link rel="canonical" href="https://www.svsu.edu/alumni/" /> <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>  <link rel="stylesheet" href="https://appsc.svsu.edu/fontawesome/css/all.css"> <link rel="stylesheet" href="https://appsc.svsu.edu/fontawesome/css/v4-shims.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" type="text/css" href="/media/svsu.css" /> <link href="//fonts.googleapis.com/css?family=Qwigley:400" rel="stylesheet" type="text/css">  <style><style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> @import url(/media/fonts/locator/Locator-Bold.otf); @font-face { font-family: "LocatorMedium"; src: url('/media/fonts/locator/Locator-Bold.otf') format("opentype"); } .hr_fade{ display:block; border:none; color:white; height:1px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(19,19,19,1) 45%,rgba(255,255,255,0) 100%); margin-left: 5%; margin-right: 5%; margin-top: 20px; margin-bottom: 20px; } .featured-thumbnail img { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style></style>    <script type="text/javascript" src="//use.typekit.net/vhq2has.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script>   <style> .row {margin-left: 0!important; margin-right: 0!important;} .full_display{width: auto; padding: 0; max-width: 2000px} @import url(/media/fonts/optima/OPTIMA.TTF); @font-face { font-family: "Optima"; src: url('/media/fonts/optima/OPTIMA.TTF') format("opentype"); } @import url(/media/fonts/optima/OPTIMA_B.TTF); @font-face { font-family: "Optima Bold"; src: url(/media/fonts/optima/OPTIMA_B.TTF) format("opentype"); } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NWWKVTJ');</script>   <script async="async" src="https://apply.svsu.edu/ping">/**/</script> </head> <body style="font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #000000">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWWKVTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="skipnav"><a href="#main">Skip to main content</a> <a href="#footer_header">Skip to footer</a></div> <div id="wrap">   <div id="home-header" class="full_display" style='margin: auto; background-image:url(/media/00logos/nest/nestred.png); background-position:center; background-size:cover'> <div style="background:#002B4E"> <nav class="navbar visible-xs" role="navigation" style="margin:0px;">  <div class="navbar-header" style="font-size: 10px; display: flex; align-items: center; justify-content: center; margin-right: 0px!important"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNavigation" style="margin:0;"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars fa-3x"></span> </button> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#quicklinks" style="margin:0"> <span class="sr-only">Toggle quicklinks</span> <span class="fa fa-link fa-3x"></span> </button> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#searchbox"> <span class="sr-only">Toggle Search</span> <span class="fa fa-search fa-3x"></span> </button> </div> </nav>  <div class="collapse navbar-collapse" id="mainNavigation">  <ul class="nav navbar-nav navbar-left"> <li><a href="/resources/currentstudents/">Current Students</a></li> <li><a href="/resources/faculty/">Faculty</a></li> <li><a href="/resources/staff/">Staff</a></li> <li><a href="/alumni/">Alumni</a></li> <li><a href="/foundation/">Giving</a></li> <li><a href="/resources/community/">Community</a></li> <li><a href="/parents/">Parents</a></li> </ul> <ul class="nav navbar-nav navbar-right">  <li><a href="https://my.svsu.edu/">mySVSU</a></li> <li><a href="/find/offices">Contact</a></li> <li><a href="/about/atozindex">A-Z Index</a></li> <li class="hidden-xs"><a data-toggle="collapse" data-target="#quicklinks" class="collapsed" href="#">Quicklinks</a></li> <li><a href="/newsroom">News</a></li> <li class="hidden-xs"><a id="revealSearch" data-toggle="collapse" data-target="#searchbox" class="collapsed" href="#"><span class="fa fa-search"></span> Search</a></li> </ul> </div> </div> <div id="searchbox" class="collapse"> <style> #mainNavigation .nav > li > a:hover, #mainNavigation .nav > li > a:focus { background-color: unset; } #searchbox { background: #44444400 !important; } #searchbox .gsc-search-button-v2 { padding: 13px 27px !important; } </style> <div class="reset-box-sizing"> <div id="searchbox_embedded"> <script async src="https://cse.google.com/cse.js?cx=82d26981e9c8549a2"></script> <div class="gcse-searchbox-only"></div> </div> </div> </div> <div id="quicklinks" class="collapse"> <div class="container-fluid no-padding" style="background-color: #222 !important;"> <div class="row"> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://www.svsu.edu/library"><span>Library</span><span class="fa icon-svsu-zanhow fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.campusdish.com/"><span>Dining</span><span class="fa fa-cutlery fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/bookstore"><span>Bookstore</span><span class="fa fa-book fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/cfsc/paytuitionhousingmealplansrelatedfees/"><span>Make a Tuition Payment</span><span class="fa fa-money fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://eacct-svsu-sp.transactcampus.com/eAccounts/AnonymousHome.aspx"><span>Add Flex/Declining Balance</span><span class="fa fa-credit-card" aria-hidden="true"></span></a></li> <li><a href="https://vprint1.svsu.edu:9192/user/"><span>Print Balance</span><span class="fa fa-print fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/calendar/svevents/"><span>Campus Calendar</span><span class="fa fa-calendar fa-fw" aria-hidden="true"></span></a></li> </ul> </div> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://svsu.edu/its/"><span>Technology Support</span><span class="fa fa-laptop fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/go/visit/maps/"><span>Campus Map/Virtual Tour</span><span class="fa fa-globe fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/employment/"><span>Jobs at SVSU</span><span class="fa fa-university fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsuconnect.com/"><span>SVSU Connect</span><span class="fa fa-graduation-cap fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.sprocketcmms.com/login.aspx"><span>Request Maintenance</span><span class="fa fa-wrench fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/events/requestanevent/"><span>Book a Room/Event</span><span class="fa fa-clock-o fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/changepassword"><span>Change Network Password</span><span class="fa fa-asterisk fa-fw" aria-hidden="true"></span></a></li> </ul> </div> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://appsc2.svsu.edu/lookup/login"><span>Manage Your Directory Info</span><span class="fa fa-lock fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://colss-prod.ec.svsu.edu/Student/courses"><span>Course Lookup</span><span class="fa fa-edit fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/catalog/"><span>Course Catalog</span><span class="fa fa-list fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.svsu.edu/academiccommons/"><span>Tutoring</span><span class="fa fa-pencil fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://www.etix.com/ticket/o/5514/saginaw-valley-state-university"><span>Box Office Tickets</span><span class="fa fa-ticket fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://secure.studentclearinghouse.org/tsorder/faces/TOBridge?_afrLoop=905951282370800&_afrWindowMode=0&_adf.ctrl-state=9eryjd5jb_13"><span>Transcript Request</span><span class="fa fa-file-text fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.joinhandshake.com/login"><span>Handshake</span><span class="fa fa-handshake-o fa-fw" aria-hidden="true"></span></a></li> </ul> </div> <div class="col-md-3 no-padding"> <ul class="no-padding"> <li><a href="https://email.svsu.edu"><span>Email</span><span class="fa fa-envelope fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu.instructure.com"><span>Canvas</span><span class="fa icon-svsu-canvas fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://svsu0-my.sharepoint.com"><span>OneDrive</span><span class="fa fa-cloud fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://vdrive.svsu.edu"><span>Network Drives</span><span class="fa icon-svsu-mdrive fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://colss-prod.ec.svsu.edu/Student"><span>Self-Service</span><span class="fa icon-svsu-coop-arrow fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://mysupport.svsu.edu"><span>Submit ITS Support Ticket</span><span class="fa fa-warning fa-fw" aria-hidden="true"></span></a></li> <li><a href="https://webtech.svsu.edu/lookup/"><span>Directories</span><span class="fa fa-phone fa-fw" aria-hidden="true"></span></a></li> </ul> </div> </div> </div> </div>  <div class="container full_display"> <style> #quicklinks { background-color: #222; } #quicklinks li { border: 1px solid #333; padding:0; } #quicklinks li:hover { background: rgba(255, 255, 255, 0.9); color: #002B4E; } #quicklinks li:hover a { color: #002B4E; } #quicklinks a { padding: 7px 15px; } #quicklinks a:hover { background: unset; color: unset;} .page_header a img{ width: 540px; padding:10px 0; } .page_header a{color: #eee} .page_header a:link{ font-family: 'Tahoma'; font-weight: 900; font-size: 24px; text-decoration: none; } .page_header a:hover{ color: #fff!important; } .page_header a:visited{ text-decoration: none; color: #fff!important; } .page_header a:active{ text-decoration: none; color: #fff!important; } .page_header a p{ text-transform: uppercase; font-family: 'Optima'; line-height: 120%; } .page_header h1{ text-transform: uppercase; font-family: 'Optima'; line-height: 120%; font-size: 24px; color: #fff; font-weight: 900; text-decoration: none; margin-top: 0px; } .headerButton{ float: right; /*font-style:italic;*/ padding: 2px; margin-top:0px; text-align:center; } .header_code{ float: right; text-align: center; } .header_code iframe, .header_code span{ float: right; } .connect_logo { float: right; } .connect_logo img{ display: block; margin: 0 auto; } .no-padding{ padding: 0 } @media (max-width: 835px) { .page_header a img{ width: 50%; display: block; margin-left: auto; margin-right: auto; } .page_header a p{ text-align: center!important; font-size: 19px; padding: 1px; margin: 1px 0 1px 0!important; line-height: 120%; } .page_header a h1{ text-align: center!important; font-size: 19px; padding: 1px; margin: 1px 0 1px 0!important; line-height: 120%; } .headerButton { float: none } .connect_logo, .header_code , .header_code iframe, .header_code span{ float: none; } } @media (max-width: 450px){ .page_header a img{ width: 100%; display: block; margin-left: auto; margin-right: auto; } } .give{ display: inline-block; color:white; border: 1.5px solid white; border-radius: 100px !important; padding:5px; text-align:center!important; font-family: 'Tahoma'; font-size: 14px; } .give:hover{ color:#990000; background:#ffffff; border: 1.5px solid white; } /*css for our region template*/ .ar-svsu-container { position: relative; } .ar-svsu-row .col-md-4{padding:0!important;} .ar-svsu-row img { text-align: center; vertical-align: middle; box-sizing: inherit; border-style: none; display: block; height: 100%; width: 100%; object-fit: contain; } .ar-svsu-top-overlay { background: rgb(0,86,152); background: linear-gradient(90deg, rgba(0,86,152,0.8771708512506565) 0%, rgba(0,128,128,1) 100%); opacity: .9; position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height:0; transition: .5s ease; } .ar-svsu-container:hover .ar-svsu-top-overlay{ bottom: 0; height: 100%; padding: 15px; } .ar-svsu-red-overlay { background: #990000; opacity: 1; position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height:0; transition: .5s ease; } .ar-svsu-container:hover .ar-svsu-red-overlay{ bottom: 0; height: 100%; padding: 15px; } .ar-svsu-bottom-overlay { background: rgb(0,86,152); background: linear-gradient(90deg, rgba(0,86,152,0.8771708512506565) 0%, rgba(0,128,128,1) 100%); opacity: .9; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .ar-svsu-container:hover .ar-svsu-bottom-overlay{ height: 100%; padding: 15px; } .ar-svsu-text{ font-family:'Tahoma'; color: #fff; position: absolute; margin: 0!important; top: 50%; left: 50%; text-align: center; vertical-align: middle; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding-left: 5px!important; padding-right: 5px!important; word-wrap: break-word; line-height: 1; box-sizing: border-box; } .ar-svsu-text h1{ font-size: calc(0.75em + 2.0vmin) !important; font-weight:600; text-transform: uppercase; } .ar-svsu-text p{ font-size: 1.5vmin; } .ar-svsu-row::after { content: ""; clear: both; display: table; } .ar-svsu-btn{ font-size: 0; text-align: center; top: 50%; left: 50%; } .ar-svsu-btn1{ background-color: transparent; border: 2px solid #fff; color: #ffffff; font-weight: 500; letter-spacing: 1px; margin: .4rem .8rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .7rem 3rem; border-radius: 100px!important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; font-size: 1.3rem; word-wrap: break-word; text-transform: uppercase; } .ar-svsu-btn1:hover{ background-color:#fff; color: #000!important; border: 2px solid #fff; font-style:none; } .ar-svsu-btn2{ background-color: #ffffff; border: 2px solid #fff; color: #990000; font-weight: 500; letter-spacing: 1px; margin: .4rem .8rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .7rem 3rem; border-radius: 100px!important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; font-size: 1.3rem; word-wrap: break-word; text-transform: uppercase; } .ar-svsu-btn2:hover{ background-color:transparent; color: #fff!important; border: 2px solid #fff; font-style:none; } .ar-svsu-btn3{ background-color: transparent; border: 2px solid #990000; color: #990000; font-weight: 500; letter-spacing: 1px; margin: .3rem .5rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .2rem 3.5rem; border-radius: 100px!important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; font-size: 1.3rem; word-wrap: break-word; text-transform: uppercase; } .ar-svsu-btn3:hover{ background-color:#005698; color: #fff!important; border: 2px solid #005698; font-style:none; } .ar-svsu-btn4 { color: #fff; font-weight: 500; letter-spacing: 1px; margin: .4rem .5rem !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: .1rem 2rem; border-radius: 100px !important; display: inline-block; align-items: center; justify-content: center; border-width: 2px; font-style: normal; font-family: 'Tahoma'; word-wrap: break-word; text-transform: uppercase; background: rgba(23,35,34,.75); border: 2px solid rgba(23,35,34,.75); text-rendering: optimizelegibility; } .ar-svsu-btn4:hover{ background-color:#005698; color: #fff!important; border: 2px solid #005698; font-style:none; } .ar-svsu-btn a{text-decoration: none!important;} .ar-svsu-btn a:link[href='']{display: none;} .ar-svsu-btn a:visited, a:clicked{ text-decoration: none!important; outline: none !important; } .y_video{margin-top:1px} @media (max-width: 992px) { .y_video{margin-top:150px} .ar-svsu-row .col-md-4{padding:0!important;} .ar-svsu-text p{font-size: 12px!important;} .ar-svsu-btn1, .ar-svsu-btn2, .ar-svsu-btn3, .ar-svsu-btn4{font-size: 1.1rem;} } @media (max-width: 450px){ .y_video{margin-top:180px} .ar-svsu-rowr .col-md-4{padding:0!important;} .ar-svsu-text p{font-size: 12px!important;} .ar-svsu-btn1, .ar-svsu-btn2, .ar-svsu-btn3, .ar-svsu-btn4{font-size: 1.1rem;} } @media (max-width: 320px) { .y_video{margin-top:180px} .ar-svsu-row .col-md-4{padding:0!important;} .ar-svsu-text p{font-size: 12px!important;} .ar-svsu-btn1, .ar-svsu-btn2, .ar-svsu-btn3, .ar-svsu-btn4{font-size: 1.1rem;} } /*end of css for our region template*/ .pTop{padding: 15px 0 0 0} .pBottom{padding: 0 0 15px 0} /*Table CSS*/ #main_table { font-size: 1.1 vmin; font-family: "Verdana"; border-collapse: collapse; width: 100%; } #main_table td, #main_table th { border: 1px solid #ccc; padding: 8px; } #main_table tr:nth-child(even){background-color: #ebebef;} #main_table tr:nth-child(odd){background-color: #fff;} #main_table tr:hover {background-color: #f6b330;} #main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } .main_table { font-size: 1.1 vmin; font-family: "Verdana"; border-collapse: collapse; width: 100%; } .main_table td, .main_table th { border: 1px solid #ccc; padding: 8px; } .main_table tr:nth-child(even){background-color: #ebebef;} .main_table tr:nth-child(odd){background-color: #fff;} .main_table tr:hover {background-color: #f6b330;} .main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } /*End of Table CSS*/ </style>  <div class="row"> <div class="col-md-6 page_header"> <a href="/">  <img src='/media/00logos/nest/svsu_stacked_primary.png' alt="Saginaw Valley State University" > </a>  <a href='/alumni/'><p>Alumni</p></a> </div> <div class="col-md-3 visible-md visible-lg">  </div> <div class="col-md-3 col-sm-12">  <div class="visible-lg visible-md"><br/></div>  <div class="col-sm-12 hidden" style="padding: 10px 0 10px 0;"> <a class="connect_logo" href="https://svsuconnect.com/" > <img alt="SVSU Connect Logo" src="/media/00logos/services/connect_logo_transparent_bg.png"> </a> </div> </div> </div>  <style> #main .row {margin-left: 0!important; margin-right: 0!important;} /*New 2019 List Style*/ #main ul li{ padding-left: 3.0rem; } #main ul li:before{ font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #990000; content: "\f0da"; position: relative; margin: 0 1.5rem 0 -2rem; } #main ol > li{ counter-increment: list; list-style: none!important; padding-left: 3.5rem; font-size: 14px; line-height: 18px; } #main ol li:before{ content: counter(list); background: #005698; color: #fff; display: inline-block; margin: 0 1.5rem 0 -3.5rem; height: 20px; width: 20px; border: 1px solid #005698; border-radius: 50%; text-align: center; } /*Style for secondary ul inside ol and vice-versa*/ #main ul ol li{ counter-increment: list3; list-style: none!important; padding-left: 1rem; } #main ol ol li{ counter-increment: list2; list-style: none!important; padding-left: 1rem; } #main ol ul li{ list-style: none!important; } #main ul ol li:before{ content: counter(list3); font-weight: 500; color: #fff; display: inline-block; margin: 0 1.5rem 0 -3.5rem; font-size: 1.1em; height: 19px; width: 19px; border: 1px solid #005698; border-radius: 50%; text-align: center; left: 0; top: 4px; } #main ul ol li:hover:before{ content: counter(list3); background: #005698; color: #fff; padding: 0 5px; } #main ol ol li:before{ content: counter(list2); color: #fff; display: inline-block; height: 19px; width: 19px; border: 1px solid #990000; border-radius: 50%; margin: 0px 1.5rem 0 -1.5rem; } #main ol ul li:before{ font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #990000; content: "\f0da"; position: relative; } #main ol ul li:before { margin: 0 1.5rem 0 -3.5rem; background: transparent; border: 0; } /*End of Style for secondary ul inside ol and vice-versa*/ /*End of New 2019 List Style*/ #main-nav .dropdown-menu a{color:#333} #main-nav>li{ width:16.66%; display: flex; } #main-nav{ width:100%; } #main-nav>li>a{ text-align: center; font-weight:normal; font-size: 16px;} #main-nav>li:hover{ background-color: #002B4E; } /*#main-nav>li:hover a { color: #f6b330; }*/ /*#more .dropdown-menu{ right:0; left:auto;}*/ #more .dropdown-menu{ min-width:600px; } .more-links, .more-links ul{ list-style: none; } .more-links{ padding-left:0; } .more-links>li>a, .more-links .multilevel-linkul-0>li>a{ display:block; text-decoration: none; } #main-nav .dropdown-menu li{padding:0} #navbarCollapse .navbar-nav { margin: 0; } #page-heading{font-weight:700;font-size:26px } #page-heading>a{color:#555} #h-nav ul li a{text-align: left;} #h-nav .navbar-inverse .navbar-nav>.open>a, #h-nav .navbar-inverse .navbar-nav>.open>a:focus, #h-nav .navbar-inverse .navbar-nav>.open>a:hover{background-color: unset;} .add-header{font-size:18px;padding:10px;background-color:#b03427;color:white} .weCardinal{ margin-top:10px; margin-bottom: 2px; font-size:25px; font-family: 'Tahoma'; float: right; /*font-style:italic;*/ text-align:center; } #mainNavigation { background-color: #002B4E; } #mainNavigation a { text-transform: uppercase; } #mainNavigation .nav > li:hover { background-color: white; color: #002B4E; } #searchbox { background: #44444400 !important; } #searchbox .gsc-search-button-v2 { padding: 13px 27px !important; } @media (min-width: 835px) { #main-nav{ display: flex;} } @media (min-width: 768px){ #main-nav>li{padding-top:12px;padding-bottom:12px} .more-links>li>a, .more-links .multilevel-linkul-0>li>a{color:#333;} .more-links a:hover{ background-color: #f3f3f3 } #main-nav .dropdown .open > a{background-color: #cd001A} } @media (min-width: 767px) and (max-width: 834px) { #navbarCollapse .navbar-nav .open .dropdown-menu { background-color: #222; padding: 0; } #navbarCollapse .dropdown-menu > li > a { color: white; } #main-nav > li:hover { background-color: unset; } #navbarCollapse .open ul.dropdown-menu li { border-top: 1px solid #333; border-left: 3px solid #b03427; } #more.open { background-color: #002B4E !important; } #more h4, #more p, #more h3, #more .more-links a, #more .svsuContactWrapper, #main-nav .dropdown-menu a { color: white; } } @media (max-width: 835px) { .weCardinal{ margin-top:7px; float: none; font-size: 19px} #h-nav{padding:0} #more .dropdown-menu { width: 100%; min-width: unset; } #main-nav .dropdown-menu > li > a{padding:0; margin-left:30px} #main-nav>li{width:100%;margin:0;padding:0;display:block;} #main-nav>li>a{text-align: left;padding:5px 15px} #more hr{ width:95%; color:black;} .more-links a:hover, #main-nav .dropdown-menu a:hover{background: #555;width:95%;} #more hr{border-top:1px solid #b03427;} } @media (max-width: 767px) { #mainNavigation { padding: 0px; background-color: #222; } #mainNavigation .nav li { border-top: 1px solid #333; } #mainNavigation .navbar-nav { margin:0px; } #main-nav > li:hover { background-color: unset; } #main-nav .open ul.dropdown-menu { background-color: #222; padding: 0; } #main-nav .open ul.dropdown-menu > li { border-top: 1px solid #333; border-left: 3px solid #b03427; } #main-nav .open ul.dropdown-menu li a { color: white; } #more.open { background-color: white; } #more.open ul.dropdown-menu { background-color: white; padding: 0; } #more.open ul.dropdown-menu li a { color: #3071a9; } } </style> </div>  <div class="container full_display" id="h-nav"> <nav role="navigation" class="navbar navbar-inverse" style="margin-bottom:0;border-radius:0;border:none;background-color:transparent">  <div class="navbar-header" style="display: flex; align-items: center; justify-content: center"> <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle" style="margin-right: 0!important; background-color: #222;"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div id="navbarCollapse" class="collapse navbar-collapse" style="padding:0;border-top:2px solid white;min-height:30px"> <ul class="nav navbar-nav" id="main-nav">  <li id="more"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">More <strong class="caret"></strong></a> <ul role="menu" class="dropdown-menu"> <li> <div> <div class="col-sm-6"> <h4 style="margin-bottom:2px">Additional Links</h4><hr style="margin:0 0 5px"> <ul class="more-links">  </ul> </div> <div class="col-sm-6"> <h4 style="margin-bottom:2px">Contact Us</h4><hr style="margin:0 0 5px">  <div id="cu"></div> </div> </div> </li> </ul> </li> </ul> </div> </nav> </div> <script> // Rave alert jQuery(function(){ jQuery.ajax({ type: "GET", url: "//api.svsu.edu/alerts/active", dataType: "JSON" }).done(function( msg ) { if (typeof msg == "object" && msg.alerts.length > 0) { var alerts = msg.alerts; jQuery('body').prepend('<div id="emergency"><div class="container"><strong>' + alerts[0].headline + '</strong> ' + alerts[0].description + '</div></div>'); } }); }); $(document).ready(function (){ $('#svsu_subnav .multilevel-linkul-1').remove(); $('#cu h2').remove(); var limit = 5; var lis = $('#svsu_subnav > ul > li'); var mainNav = []; var moreNav = []; $.each(lis, function (i, el){ i < limit ? mainNav.push(el.outerHTML) : moreNav.push(el.outerHTML); }); $('#main-nav').prepend(mainNav); $('.more-links').html(moreNav); var test = $('#main-nav > li > .multilevel-linkul-0'); test.addClass('dropdown-menu'); test.parent().addClass('dropdown'); test.prev().addClass('dropdown-toggle').attr('data-toggle', 'dropdown'); test.prev().removeAttr('href'); test.prev().append('<strong class="caret"></strong>'); // desktop vs mobile if($(window).width() > 768){ test.prev().addClass('disabled'); $('body').on('click', '#main-nav .dropdown', function (e){ e.stopPropagation(); }); $('body').on('mouseenter mouseleave', ' #main-nav .dropdown', function (){ $(this).toggleClass('open'); }); } else{ var q = $('#main-nav > .dropdown'); $.each(q, function(i, el){ if(el.id != 'more'){ var c = $(el).children(); c[0].setAttribute("href","#"); //$(c[1]).prepend('<li><a href="'+c[0].href+'">'+c[0].innerHTML+'</li>'); }; }) } var linkcount = $('ul#main-nav').children('li').length; if(linkcount <= 4) { $('#more .dropdown-menu').removeClass('dropdown-menu-right'); $('#more .dropdown-menu').addClass('dropdown-menu-left'); } else { $('#more .dropdown-menu').removeClass('dropdown-menu-left'); $('#more .dropdown-menu').addClass('dropdown-menu-right'); } setTimeout(function () { $('#more').addClass('dropdown'); $('#more').removeClass('open'); }, 500); }); </script>  </div> <div id="main" class="container full_display"> <div class="hidden"> <div id="svsu_subnav"> <ul><li><a href="/alumni/getinvolved/">Get Involved</a></li><li><a href="/alumni/resourcesbenefits/">Resources/Benefits</a></li><li><a href="/alumni/alumnistories/">Alumni Stories</a></li><li><a href="/alumni/events/">Events</a> <ul class="multilevel-linkul-0"> <li><a href="/alumni/events/upcomingevents/">Upcoming Events</a></li> <li><a href="/alumni/events/alumnicelebration/">Alumni Celebration</a></li> <li><a href="/alumni/events/legacygolfouting/">Legacy Golf Outing</a></li> <li><a href="/alumni/events/homecoming/">Homecoming</a></li> </ul> </li><li><a href="/alumni/aboutus/">About Us</a> <ul class="multilevel-linkul-0"> <li><a href="/alumni/aboutus/missionvision/">Mission/Vision</a></li> <li><a href="/alumni/aboutus/alumniboard/">Alumni Board</a></li> <li><a href="/alumni/aboutus/meetthestaff/">Meet the Staff</a></li> </ul> </li><li><a href="https://forms.office.com/Pages/ResponsePage.aspx?id=_0UPVYM-oUKX2XCtiTWwxar1afMmlDhGqQMD2yJvdDhUMDlZUFpMTExSWUVYMjU4M1VLOTZKVTlZRS4u">Nameplate Form</a></li><li><a href="https://forms.office.com/Pages/ResponsePage.aspx?id=_0UPVYM-oUKX2XCtiTWwxar1afMmlDhGqQMD2yJvdDhUMk9ZSDc3UlFGNVJRN0UwTVRaUFo1TzA2Wi4u">Request Giveaway Items Form</a></li></ul>  </div> </div> <div class="col-md-12" style="padding-left: 20px;">   <nav class="foundation-breadcrumb"><a href="/">SVSU</a> / <a href="/alumni/">Alumni</a></nav> </div>    <style type="text/css"> /* SVSU GO IMAGE TEXT */ #main .go-carousel ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .go-carousel ol li:before{ display: none; } .go-carousel { background:#eee; padding-top:30px; padding-bottom:60px; } .go-carousel img { width:100% } /*.go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 }*/ .go-carousel p { color:#ccc; padding-left:20px; padding-right:20px; font-size:16px } .go-carousel section{ background: #eee; width:100%; padding: 10px 0; } .go-carousel .item a { margin-left: 20px; } .go-carousel .item .col-md-4 { padding:0; background-color:#00416A; } .go-carousel .item .col-sm-12, .go-carousel .item .col-md-8 { padding:0 } .go-carousel .carousel-indicators { bottom: -45px; } .go-carousel .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .go-carousel .inner { height:100%; display:flex; flex-direction:column; justify-content:center; padding: 20px 0 20px 0;} .go-carousel .carousel-control { transform: translate(0%, 43%); width:0; color:black ;} .go-carousel .carousel-control .fa-chevron-right { right: unset; } @media (min-width: 992px) { .go-carousel h2 {color:#eee; padding:0 20px 20px 20px; margin-top:0 } .go-carousel .item .col-md-4 { border-left:2px solid #eee } .go-carousel .carousel-inner .col-md-4, .carousel-inner .col-md-8{ height:400px; } } @media (min-width: 768px) { .go-carousel .carousel-control .fa-chevron-left {margin-left: -30px;} .go-carousel .carousel-control .fa-chevron-right {margin-right: -30px; margin-left:0px} } @media (max-width: 991px) { .go-carousel h2 { color:#eee; padding-left:20px; margin-top:0;margin-bottom:0 } .go-carousel .item .col-md-4 { border:none } .go-carousel .carousel-control { transform: translate(0%, 100%); } .go-carousel .carousel-control.left { margin-left:15%; } .go-carousel .carousel-control.right { margin-right:15%; } .go-carousel .carousel-control .fa-chevron-right { font-size:26px; /*top:103%;*/ } .go-carousel .carousel-control .fa-chevron-left { font-size:26px; /*top:103%;*/ } } @media (max-width: 576px) { .go-carousel .carousel-control.right { margin-right: 10%; } .go-carousel .carousel-control.left { margin-left: 10%; } } /* NEW DESIGN CAROUSEl 2018 */ #main .carousel-blue-overlay ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay { padding: 0; margin-bottom:30px; } .carousel-blue-overlay ol li{ padding-left: 0; } .carousel-blue-overlay ol li:before{ display: none; } .carousel-blue-overlay .carousel-indicators { bottom:-40px } .carousel-blue-overlay .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-blue-overlay .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-blue-overlay .text-content { position: absolute; background: #0c4269; Color: #F6B330; width: 41%; height: 100%; -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%); overflow: hidden; } .carousel-blue-overlay .text-content h2 { text-transform: uppercase; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content p { font-size: 18px; line-height:1.3em; color: #ffffff; font-family: 'Tahoma'; padding-left:50px; width: 80%; } .carousel-blue-overlay .text-content a.button-link { background-color:#ffffff; color:#990000; padding-top: 1.5px; padding-bottom:1.5px; padding-left:20px; padding-right:20px; border: 1.5px solid white; border-radius:2px !important; font-weight: 600; float: right; margin-right: 20%; } .carousel-blue-overlay .text-content a:link[href='']{ display: none; } .carousel-blue-overlay .text-content a.button-link:hover { background-color:#990000; color:#ffffff; border: 1.5px solid #990000; } .carousel-blue-overlay .carousel-inner .item { background-color: #990000; } .carousel-blue-overlay .carousel-inner .item img{ margin-left: auto; width: auto; background-position: center; background-size: cover; } @media (min-width: 1500px) { .carousel-blue-overlay .text-content { width: 46%; } .carousel-blue-overlay .text-content h2 { margin-top: 50px;} } @media (max-width: 1200px) { .carousel-blue-overlay .text-content a.button-link { font-weight: 100; margin-bottom: 10px; } .carousel-blue-overlay .text-content h2 { font-size: 28px;} } @media (max-width: 992px) { .carousel-blue-overlay .carousel-inner .col-md-4 { height:315px } .carousel-blue-overlay .carousel-inner .col-md-8 { height:250px } .carousel-blue-overlay .item .col-md-4 { border:none } .carousel-blue-overlay .text-content { position: relative; width: 100%; clip-path: none; webkit-clip-path: none; } .carousel-blue-overlay .text-content h2 { margin: 0px; padding-top: 35px; font-size: 24; } } @media (max-width: 768px) { .carousel-blue-overlay .text-content h2 { font-size: 20px; font-weight: bold;} .carousel-blue-overlay .text-content p { font-size: 16px; } } /* SVSU GO NEWS SLIDER */ #main .carousel-icon ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-icon ol li:before{ display: none; } .carousel-icon { background-color:#eee;padding:30px 15px 60px } .carousel-icon ol li:before{content:none;} .carousel-icon ol li{border-radius:100% !important; padding:0px;} .carousel-icon .carousel-indicators { bottom:-40px } .carousel-icon .carousel-indicators .active { background-color:#777; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-icon .carousel-indicators li{ border:1px solid #777; } .carousel-icon .carousel-inner .col-sm-4, .carousel-inner .col-sm-8{ height:400px; } .carousel-icon img { width:100% } .carousel-icon .carousel-inner { margin-left:22px; width:96% } .carousel-icon .carousel-control { width:0; color:black; position: absolute; top: 45%; bottom: 45%; } .carousel-icon .col-sm-3 { padding:0; margin-top:20px } .carousel-icon .col-sm-9 { border-left:2px solid #eee } .carousel-icon .carousel h2 { color:#333; font-size:22px } .carousel-icon .col-sm-10 { min-height:200px; padding; 0 } /* SVSU IMAGE ONLY CAROUSEL */ #main .carousel-full-image ol li{ border:1px solid #777; border-radius: 10px !important; padding-left: 0; } #main .carousel-full-image ol li:before{ display: none; } .carousel-full-image { margin-bottom: 30px; } .carousel-full-image .carousel-indicators { bottom:-40px } .carousel-full-image .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} .carousel-full-image .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} .carousel-full-image img { width: 100%; } /*Full Width Image Only*/ [id*=imgSldr] ol li{ padding-left: 0; } [id*=imgSldr] ol li:before{ display: none; } [id*=imgSldr] .carousel-indicators { bottom:-40px } [id*=imgSldr] .carousel-indicators .active { background-color:#005698; text-shadow:0 1px 2px rgba(0,0,0,.6)} [id*=imgSldr] .carousel-indicators li{ border:1px solid #005698; border-radius: 50% !important} [id*=imgSldr] .carousel-control{width: 5%; top:40%; bottom: 40%; font-size: 13px;} [id*=imgSldr] .carousel-control.left{padding-left: 15px;} [id*=imgSldr] .no-padding{padding: 0} @media (max-width: 992px) { [id*=imgSldr] .carousel-inner .col-md-4 { height:315px } [id*=imgSldr] .carousel-inner .col-md-8 { height:250px } [id*=imgSldr] .item .col-md-4 { border:none } } </style><div class='container-fluid no-padding carousel-full-image'><div id='carousel-264846' class='carousel slide' data-ride='carousel'><ol class='carousel-indicators'><li data-target='#carousel-264846' data-slide-to='0' class='active'></li><li data-target='#carousel-264846' data-slide-to='1'></li><li data-target='#carousel-264846' data-slide-to='2'></li><li data-target='#carousel-264846' data-slide-to='3'></li><li data-target='#carousel-264846' data-slide-to='4'></li><li data-target='#carousel-264846' data-slide-to='5'></li></ol><div class='carousel-inner' role='listbox'><div class='item active'><div class='col-xs-12 no-padding'><img src="/media/alumni/home page banner long.png" alt="Home page banner: long" style=" " /></div></div><div class='item'><div class='col-xs-12 no-padding'><img src="/media/alumni/total alum number and money raised 8.14.24.png" alt="There are over 55,000 SVSU alumni, and alumni have raised over $150,000,000" style=" " /></div></div><div class='item'><div class='col-xs-12 no-padding'><img src="/media/alumni/alum location stats 8.14.24.png" alt="46,000 alumni live in Michigan, alumni live in all 50 states, alumni live in 62 countries" style=" " /></div></div><div class='item'><div class='col-xs-12 no-padding'><img src="/media/alumni/alum stats-jobs 8.21.24.png" alt="There are over 65 alumni authors, over 390 alumni who are in chief executive level positions, over 300 alumni own their own business" style=" " /></div></div><div class='item'><div class='col-xs-12 no-padding'><img src="/media/alumni/alum stats-more education 8.21.24.png" alt="over 9,000 alumni earned a post graduate degree, over 400 alumni earned their PHD, over 250 alumni earned their JD" style=" " /></div></div><div class='item'><div class='col-xs-12 no-padding'><img src="/media/alumni/last 12 months stats 8.14.24.png" alt="in the last 12 months there have been 30+ alumni specific events, 350+ events on campus open to alumni. There is over 3000 total number of SVSU license plates" style=" " /></div></div></div><a class='left carousel-control' href='#carousel-264846' role='button' data-slide='prev'><span class='fas fa-chevron-left' aria-hidden='true'></span><span class='sr-only'>Previous</span></a><a class='right carousel-control' href='#carousel-264846' role='button' data-slide='next'><span class='fas fa-chevron-right' aria-hidden='true'></span><span class='sr-only'>Next</span></a></div></div><div class='intro container'><span id="d.en.219648"></span><h1 class='main-heading-center main-heading-red'>Saginaw Valley State University Alumni Association</h1></div><style> .intro h1{ font-weight:bold; } .main-heading-left{ text-align:left; } .main-heading-right{ text-align:right; } .main-heading-center{ text-align:center; } .main-heading-black{ color:black; } .main-heading-red{ color:#cd001a; } .main-heading-blue{ color:#00263e; } .main-heading-desktop { text-align: center; } .main-heading-mobile { max-width: 100%; height: auto; text-align:center;} </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><div class='hover-text-buttons container-fluid'><div class='row row-centered'><a class='col-xs-6 col-sm-4 col-md-3' href='https://www.svsucardinals.com/information/SpecialtyPasses'><div class='hover-section hover-small' style='background-image: url("/media/alumni/svsu athletics logo.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Alumni All Sports Pass</p></div><div class='hover-subtext'><hr><p>Alumni get a discount on an All Sports Pass</p></div></div></a><a class='col-xs-6 col-sm-4 col-md-3' href='/cardinal100/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/Engineering_Cardinal Racing Racecar testing 400x286.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Cardinal 100 Fund</p></div><div class='hover-subtext'><hr><p>Be one of the one hundred! </p></div></div></a><a class='col-xs-6 col-sm-4 col-md-3' href='https://forms.office.com/Pages/ResponsePage.aspx?id=_0UPVYM-oUKX2XCtiTWwxar1afMmlDhGqQMD2yJvdDhUNlQyTEVHUk5IT08zMVJKWE5VUkgwUzBVVS4u'><div class='hover-section hover-small' style='background-image: url("/media/alumni/RS835802_10-15-22 Alumni Homecoming Tailgate by Madison Thomas-36-1000x667.jpg");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>update Your Information</p></div><div class='hover-subtext'><hr><p>Tell the Alumni Office if any information has changed </p></div></div></a></div></div><style> .spacing-220534.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-220534.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-220534.spacing-dashed { border-top: 2px dotted #000000; } .spacing-220534.spacing-solid { border-top: 1px solid #000000; } .spacing-220534.spacing-fade { width: 90%; border: 0; height: 2px; position:relative; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #000000 45%, rgba(255,255,255,0) 100%); } .spacing-220534.spacing-fade:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 1px; /*position: absolute; top: 50%; z-index: 1;*/ } </style><div class='spacing-220534 spacing-padding'></div><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><div class='hover-text-buttons container-fluid'><div class='row row-centered'><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/resourcesbenefits/alumresourcesandbenefits/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/Resources-Benefits, license plate-1000x668.jpg");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Alumni Resources and Benefits</p></div><div class='hover-subtext'><hr><p>SVSU Alumni Get Exclusive Benefits And Lots of On-Campus Resources</p></div></div></a><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/getinvolved/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/10-15-22 Alumni Homecoming Tailgate by Madison Thomas-3-1368x912.jpg");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Get Involved With SVSU</p></div><div class='hover-subtext'><hr><p>There Are So Many Ways To Stay Involved With SVSU!</p></div></div></a><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/resourcesbenefits/svsualumnipodcast/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/podcast microphone.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Cardinals Stand Out in Your Career Podcast</p></div><div class='hover-subtext'><hr><p>Listen Now</p></div></div></a></div></div><style> .spacing-220526.spacing-padding { margin-top: 30px; margin-bottom: 30px; } .spacing-220526.spacing-padding { margin-top: 30px; margin-bottom: 30px; } .spacing-220526.spacing-dashed { border-top: 2px dotted #000000; } .spacing-220526.spacing-solid { border-top: 1px solid #000000; } .spacing-220526.spacing-fade { width: 90%; border: 0; height: 2px; position:relative; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #000000 45%, rgba(255,255,255,0) 100%); } .spacing-220526.spacing-fade:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 1px; /*position: absolute; top: 50%; z-index: 1;*/ } </style><div class='spacing-220526 spacing-padding'></div><div class='intro container'><span id="d.en.220517"></span><h2 style="text-align: center; color: #990000;"><strong>Upcoming Events</strong></h2></div><style> .intro h1{ font-weight:bold; } .main-heading-left{ text-align:left; } .main-heading-right{ text-align:right; } .main-heading-center{ text-align:center; } .main-heading-black{ color:black; } .main-heading-red{ color:#cd001a; } .main-heading-blue{ color:#00263e; } .main-heading-desktop { text-align: center; } .main-heading-mobile { max-width: 100%; height: auto; text-align:center;} </style><style> #main_table { font-size: 1.1 vmin; font-family: "Tahoma"; border-collapse: collapse; width: 100%; } #main_table td, #main_table th { border: 1px solid #ccc; padding: 8px; } #main_table tr:nth-child(even){background-color: #ebebef;} #main_table tr:nth-child(odd){background-color: #fff;} #main_table tr:hover {background-color: #f6b330;} #main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } </style> <section class="container"> <span id="d.en.220628"></span> <p style="text-align: right;"><strong>» <a href="/alumni/events/upcomingevents/">View All Events</a></strong></p> </section> <style> @import url(/media/fonts/locator/Locator-Bold.otf); @font-face { font-family: "LocatorMedium"; src: url('/media/fonts/locator/Locator-Bold.otf') format("opentype"); } .hr_fade{ display:block; border:none; color:white; height:1px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(19,19,19,1) 45%,rgba(255,255,255,0) 100%); margin-left: 5%; margin-right: 5%; margin-top: 20px; margin-bottom: 20px; } .featured-thumbnail img { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } </style><div class='container'><span id="d.en.272831"></span><div class='col-xs-12 col-sm-5'><a href='https://www.etix.com/ticket/p/92788233/legally-blonde-the-musical-university-center-svsuperforming-arts-center' target='_blank'><div class='featured-thumbnail'><img src="/media/alumni/Legally Blonde the musical alumni night.png" alt="Legally Blonde The Musical presented by the SVSU Theatre Department" style=" " /></div></a></div><div class='col-xs-12 col-sm-7'><h2><a class='more' href='https://www.etix.com/ticket/p/92788233/legally-blonde-the-musical-university-center-svsuperforming-arts-center' target='_blank'>Alumni Night at Legally Blonde The Musical <span class='fa fa-arrow-circle-right' aria-hidden='true'></span></a></h2><p><p>April 11, 6:00 PM, Malcolm Field Theatre</p> <div class="x11i5rnm xat24cr x1mh8g0r x1vvkbs xtlvy1s x126k92a"> <div dir="auto"><span></span></div> <div dir="auto"><span data-preserver-spaces="true">Omigod You Guys, SVSU Theatre presents Legally Blonde The Musical! Alumni are invited to bring family and friends to this fun and energetic show on April 11th at 7:30 pm!  </span><span data-preserver-spaces="true">Alumni who attend this event get:</span></div> <div dir="auto"> <ul> <li><span data-preserver-spaces="true">Pre-show reception from 6-7pm with light Hors d'oeuvres, a cash bar, and a meet and greet with the show's star</span></li> <li><span data-preserver-spaces="true">Legally Blonde exclusive giveaway</span></li> <li><span data-preserver-spaces="true">$5 discount to the 7:30 pm showing on April 11 when they purchase tickets online with the code <strong>SVSUalumni</strong></span></li> <li><span data-preserver-spaces="true">Backstage tour after the show</span><span data-preserver-spaces="true"></span></li> </ul> <p><span data-preserver-spaces="true">Elle Woods and Bruiser hope to see you at the show!</span></p> </div> </div></p></div></div><div class='container-fluid'><span class='hr_fade'></span></div><div class='intro container'><span id="d.en.273616"></span><h2 style="text-align: center; color: #990000;"><strong>SVSU License Plate</strong></h2> <p> </p></div><style> .intro h1{ font-weight:bold; } .main-heading-left{ text-align:left; } .main-heading-right{ text-align:right; } .main-heading-center{ text-align:center; } .main-heading-black{ color:black; } .main-heading-red{ color:#cd001a; } .main-heading-blue{ color:#00263e; } .main-heading-desktop { text-align: center; } .main-heading-mobile { max-width: 100%; height: auto; text-align:center;} </style><section class="container"> <div class="col-sm-12"> <span id="d.en.220066"></span> </div> <div class="span6 col-xs-12 col-lg-6"> <p><iframe src="https://www.youtube.com/embed/-Z1YGV6GmoQ?si=l45FbW4SJ1RC7MHD" width="560" height="315"></iframe></p> </div> <div class="span6 col-xs-12 col-lg-6"> <p style="text-align: center;"><span>Demonstrate your Cardinal pride on the road with an SVSU license plate! Join over 3,000 Cardinals in showing your school spirit and supporting SVSU scholarships with every mile driven. </span><strong>The Alumni Relations office will cover the plate switch fee</strong><span>. Proceeds from the license plate program fund our SVSU </span><a href="https://www.svsu.edu/legacy/">Legacy Program</a><span>, opening doors for more students to become Cardinals.</span></p> <p style="text-align: center;"> </p> <p style="text-align: center;">For more information about the SVSU License Plate, email the Alumni Relations Office at <a href="mailto:alumni@svsu.edu">alumni@svsu.edu</a>.</p> <p> </p> <h3 style="text-align: center;"><strong> <button type="button"><a href="/media/alumni/2024 License plate form (editable).pdf">SVSU License Plate Form</a> <span>(359KB)</span></button></strong></h3> <p> </p> </div> </section><style> .spacing-273618.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-273618.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-273618.spacing-dashed { border-top: 2px dotted #000000; } .spacing-273618.spacing-solid { border-top: 1px solid #000000; } .spacing-273618.spacing-fade { width: 90%; border: 0; height: 2px; position:relative; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #000000 45%, rgba(255,255,255,0) 100%); } .spacing-273618.spacing-fade:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 1px; /*position: absolute; top: 50%; z-index: 1;*/ } </style><hr class='spacing-273618 spacing-padding spacing-fade'><div class='intro container'><span id="d.en.220520"></span><h2 style="text-align: center; color: #990000;"><strong>Alumni Story Highlights</strong></h2></div><style> .intro h1{ font-weight:bold; } .main-heading-left{ text-align:left; } .main-heading-right{ text-align:right; } .main-heading-center{ text-align:center; } .main-heading-black{ color:black; } .main-heading-red{ color:#cd001a; } .main-heading-blue{ color:#00263e; } .main-heading-desktop { text-align: center; } .main-heading-mobile { max-width: 100%; height: auto; text-align:center;} </style><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><div class='hover-text-buttons container-fluid'><div class='row row-centered'><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/alumnistories/ericrutherford/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/Eric Rutherford 300x300.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Eric Rutherford</p></div><div class='hover-subtext'><hr><p>Learn about Eric and his new role as COO at Saginaw Community Foundation!</p></div></div></a><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/alumnistories/jasonwolverton/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/Jason Wolverton 300x300.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Jason Wolverton</p></div><div class='hover-subtext'><hr><p>Learn about the current SVSU Alumni Board President, Jason Wolverton!</p></div></div></a></div></div><style> .spacing-220564.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-220564.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-220564.spacing-dashed { border-top: 2px dotted #000000; } .spacing-220564.spacing-solid { border-top: 1px solid #000000; } .spacing-220564.spacing-fade { width: 90%; border: 0; height: 2px; position:relative; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #000000 45%, rgba(255,255,255,0) 100%); } .spacing-220564.spacing-fade:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 1px; /*position: absolute; top: 50%; z-index: 1;*/ } </style><div class='spacing-220564 spacing-padding'></div><style> .row-centered { text-align: center; /*font-size: 0;*/ } .row-centered > [class*=col] { float: none; display: inline-block; text-align: left; } /*.row-centered > div {font-size: initial;}*/ .hover-text-buttons p { margin: 0; line-height: 0.6cm; font-family:'Locator'; } .hover-text-buttons .hover-title { padding: 10px 0 10px 0; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); font-size: 25px; font-family:'Locator'; font-weight: bold; color: #ffffff; text-align: center; width: 99%; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease-in-out; /*text-shadow: 0px 0px 5px #000;*/ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .hover-text-buttons .hover-subtext { padding: 0 10px 0 10px; width: 100%; text-align: center; font-size: 18px; opacity: 0; color: #ffffff; position: absolute; top: 40%; text-shadow: 0px 0px 5px #000; } .hover-text-buttons .hover-subtext hr { margin: 10px 0 10px 0; } .hover-text-buttons .col-md-4, .hover-text-buttons .col-md-3, .hover-buttons .col-md-3 { padding: 1px; } .hover-text-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } .hover-text-buttons .hover-section:hover .hover-title { top: 30%; background: rgba(0, 0, 0, 0); -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; -ms-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; } .hover-text-buttons .hover-section:hover .hover-subtext { opacity: 1; -webkit-transition: 1.2s ease; -moz-transition: 1.2s ease; -o-transition: 1.2s ease; -ms-transition: 1.2s ease; transition: 1.2s ease; } .hover-text-buttons .hover-large { height: 272px; } .hover-text-buttons .hover-small { height: 170px; } .hover-text-buttons .hover-small .hover-title { font-size: 20px; } .hover-text-buttons .fas { padding: 10px; color: white; font-size: 20px; position: absolute; right: 0; text-shadow: 0px 0px 5px #000; } /* Extra Small Devices */ @media only screen and (max-width: 768px) { .hover-text-buttons .hover-title { width: 98%; } .hover-text-buttons .fas { font-size: 14px; } } /* Bootstrap Small Devices */ @media only screen and (max-width: 836px) { .hover-text-buttons .hover-section { box-shadow: inset 0 0 0 150px rgba(0, 0, 0, 0.4); } .hover-text-buttons .hover-title { top: 30%; background: none; } .hover-text-buttons .hover-subtext { opacity: 1; } .hover-text-buttons .hover-small .hover-subtext { font-size: 14px; } } /* HNAV Menu Break */ @media only screen and (min-width: 836px) { .hover-text-buttons .hover-small { height: 200px; } } /* Bootstrap Large Devices */ @media only screen and (min-width: 1200px) { .hover-text-buttons .hover-small { height: 272px; } } /* HOVER STYLE */ .hover-buttons .col-md-3 { padding: 2.5px; } .hover-buttons .hover-large { height: 275px; } .hover-buttons .hover-large p { font-size: 18px; padding: 0px 10px; margin: 0; } .hover-buttons .hover-small { height: 100px; } .hover-buttons .hover-title { padding: 10px 0 10px 0; font-weight: bold; color: #ffffff; text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 5px #000; } .hover-buttons .hover-title span { margin-left: 5px; } .hover-buttons .hover-section { background-color: black; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 0 rgba(153, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-buttons .hover-section:hover { box-shadow: inset 0 0 0 150px rgba(12, 66, 105, 0.7); } </style><div class='hover-text-buttons container-fluid'><div class='row row-centered'><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/alumnistories/thomasstreet/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/Thomas Street 300x300.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Thomas Street</p></div><div class='hover-subtext'><hr><p>Learn about Thomas and his job at College Possible!</p></div></div></a><a class='col-xs-6 col-sm-4 col-md-3' href='/alumni/alumnistories/jamieloubert/'><div class='hover-section hover-small' style='background-image: url("/media/alumni/Jamie Loubert 300x300.png");'><span class='fas fa-external-link-alt'></span><div class='hover-title'><p>Jamie Loubert</p></div><div class='hover-subtext'><hr><p>Meet Jamie and learn about her graphic design career!</p></div></div></a></div></div><style> #main_table { font-size: 1.1 vmin; font-family: "Tahoma"; border-collapse: collapse; width: 100%; } #main_table td, #main_table th { border: 1px solid #ccc; padding: 8px; } #main_table tr:nth-child(even){background-color: #ebebef;} #main_table tr:nth-child(odd){background-color: #fff;} #main_table tr:hover {background-color: #f6b330;} #main_table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #005698; color: white; } </style> <section class="container"> <span id="d.en.220714"></span> <div style="text-align: center;"> <p class="myButton_grid" style="text-align: center;"><a href="/alumni/alumnistories/">More Alumni Stories</a></p> </div> </section> <style> .spacing-220566.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-220566.spacing-padding { margin-top: 15px; margin-bottom: 15px; } .spacing-220566.spacing-dashed { border-top: 2px dotted #000000; } .spacing-220566.spacing-solid { border-top: 1px solid #000000; } .spacing-220566.spacing-fade { width: 90%; border: 0; height: 2px; position:relative; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #000000 45%, rgba(255,255,255,0) 100%); } .spacing-220566.spacing-fade:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 1px; /*position: absolute; top: 50%; z-index: 1;*/ } </style><hr class='spacing-220566 spacing-padding spacing-fade'><div class="container"> <section class="row"> <div class="col-lg-12"> <span id="d.en.220177"></span> </div> <div class="col-lg-4"> </div> <div class="col-lg-4"> <p style="text-align: center;"><a href="https://www.facebook.com/svsualum" target="_blank" rel="noopener"><img src="/media/alumni/Facebook logo.png" alt="Follow SVSU Alumni on Facebook" style=" " /></a><a href="https://www.instagram.com/svsualumni/" target="_blank" rel="noopener"><img src="/media/alumni/Instagram Logo.png" alt="Follow SVSU Alumni on Instagram" style=" " /></a><a href="https://www.linkedin.com/school/svsu/" target="_blank" rel="noopener"><img src="/media/alumni/LinkedIn logo.png" alt="Follow SVSU on LinkedIn" style=" " /></a><a href="https://www.instagram.com/svsualumni/"></a></p> </div> <div class="col-lg-4"> </div> </section> </div><style> .myButton_grid { background-color: #ffffffc2; border: 2px solid #000; display: inline-block; cursor: pointer; color: black; font-family: Arial; font-size: 18px; font-weight: 800; padding: 16px 24px; text-decoration: none; line-height: 100%; text-align: center; margin: 0; text-transform: uppercase; border-radius: 2px !important; font-style: italic; } .myButton_grid a{ text-decoration: none; } /* #more{ display:none; } */ </style> <style> #rf{ margin-top: 20px; } #rf .col-sm-4{border-right: 1px dotted #ffeecc} #rf .col-sm-4:nth-child(4n+1){border-right: 1px transparent;} #rf h2{ font-family: 'Tahoma'; font-size: 3.5em; font-style: italic; margin-bottom:0; text-align: center; } #rf p{ font-size: 1.1em; padding-left: 75px; } #rf h2, #rf p{ color: #ffffff; } #rf a { color: #f6b330; } #rf a:link {text-decoration: none!important } @media (max-width: 992px){ #rf .col-sm-4{border-right: 1px dotted #ffeecc} #rf .col-sm-4:nth-child(4n+1){border-right: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } @media (max-width : 650px){ #rf .col-sm-4{border-bottom: 1px dotted #ffeecc; border-right: 1px transparent} #rf .col-sm-4:nth-child(4n+1){border-bottom: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } @media (max-width:475px) { #rf .col-sm-4{border-bottom: 1px dotted #ffeecc; border-right: 1px transparent} #rf .col-sm-4:nth-child(4n+1){border-bottom: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } @media (max-width:320px) { #rf .col-sm-4{border-bottom: 1px dotted #ffeecc; border-right: 1px transparent} #rf .col-sm-4:nth-child(4n+1){border-bottom: 1px transparent;} #rf p{ text-align: center; padding-left: 5px; } #rf h2{font-size: 2.2em; } } </style> <section class="row" id="rf"> <div class="col-sm-12" style="padding:10px; background-color: #0c4269;"> <h2>CONTACT US.</h2> <br> <div class="col-sm-4"> <p> <strong></strong><br> <br> <br> <br> </p> </div> <div class="col-sm-4"> <p> <strong>Alumni</strong><br> Wickes Hall 160 <br> alumni@svsu.edu <br> (989) 964-4196 <br> </p> </div> <div class="col-sm-4"> <p> <strong></strong><br> <br> <br> <br> </p> </div> </div> </section>  </div> </div> <style> footer{font-family: 'Tahoma';} footer a{ color:#eee; text-decoration: none} footer span, footer p{ color:#eee} footer .no-padding{padding: 0px;} footer .fa{padding: 0 0 0 7px;} .footer_mobile a{color:#eee!important; text-decoration: none;} .footer_icons span {float: right} .footer_icons .social_icons {float: right} footer a:visited{outline: none; text-decoration: none } footer a:hover{cursor:pointer!important; color:#f6b330!important; text-decoration: none } footer{margin-left: 0!important; margin-right: 0!important; padding-left: 0 !important; padding-right: 0!important; } .interior_footer .row {margin-left: 0!important; margin-right: 0!important;} .fb,.tw,.pin,.ig,.lin,.you,.tik{color: #eee} .fb:hover{color: #3c5a99;} .tw:hover{color: #1da1f2;} .pin:hover{color: #bd081c;} .ig:hover{color: #833ab4;} .lin:hover{color: #0077B5;} .you:hover{color: #c4302b;} .tik:hover{color: #25F4EE;} #hnav-footer-feedback{cursor:pointer; color: #f6b330!important } /* .fb{color: #3c5a99;} .tw{color: #1da1f2;} .pin{color: #bd081c;} .ig{color: #833ab4;} .lin{color: #0077B5;} .you{color: #c4302b;} .fb:hover,.tw:hover,.pin:hover,.ig:hover,.lin:hover,.you:hover{color: #eee;} */ @media (max-width: 835px) { .footer_mobile {text-align: center} .footer_mobile a{color:#eee; text-decoration: none;} .footer_icons i{float: none; vertical-align: middle } .footer_icons .social_icons{float: none; vertical-align: middle } } </style> <footer class="interior_footer hidden-print" style="background-image:url(/media/00logos/nest/nestblue_v1.png); background-position:center; background-size:cover; margin-top: 0px;"> <div class="row" style="margin-bottom:20px"> <div class="container full_display"> <div class="col-md-12" id="interior_contact_information" style="margin-top:20px"> <div class="col-md-6 footer_mobile" id="home_footer_text"> <span> (989) 964-4000 </span><br> <span class="adr"> <span class="street-address"> 7400 Bay Road </span> <span class="locality"> University Center, </span> <abbr title="Michigan" class="region">MI</abbr> <span class="postal-code"> 48710 </span> </span> <p>Copyright <a class="t4Edit-page" href="https://t4app.svsu.edu/terminalfour/page/section#edit/81200/contents">©</a> <a href="https://www.svsu.edu/"> Saginaw Valley State University</a>  <script>document.write(new Date().getFullYear())</script> <a class="hidden" href="https://www.svsu.edu/foundation/about/privacypolicy/"> | Privacy Policy</a><br/> <a href="https://svsu.edu/privacystatement/">Privacy Statement</a> <span> | </span> <a href="https://svsu.edu/accessibility/">Accessibility</a> <span> | </span> <a href="https://appsc.svsu.edu/feedback/" id="hnav-footer-feedback">Feedback</a> <br> </p> </div>  </div> </div> </div> </footer>   <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"></script>       <script type="text/javascript"> (function() { var cx = '007237985502908999491:mq4pehj5ndi'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); $("#holmes").on('click', function(e) { e.preventDefault(); $('body').toggleClass("holmes-debug"); }); </script>   <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/data.js"></script> <script src="https://code.highcharts.com/modules/exporting.js"></script>  <script type="text/javascript"> window._monsido = window._monsido || { token: "IuCGXBiR_sDAXb-gTOjyKw", }; </script> <script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>  </body> </html>

CINXE.COM

Alumni Association - Saginaw Valley State University