{"id":13754,"date":"2024-10-08T17:07:41","date_gmt":"2024-10-08T21:07:41","guid":{"rendered":"https:\/\/www.highlands.edu\/?page_id=13754"},"modified":"2025-12-01T08:20:58","modified_gmt":"2025-12-01T13:20:58","slug":"home-test","status":"publish","type":"page","link":"https:\/\/www.highlands.edu\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\t<style>\n\t#video-header {background: url(https:\/\/www.highlands.edu\/wp-content\/uploads\/2025\/08\/poster.jpg) darkblue; background-size: cover;}\n    #video-header video {\n        display: block;\n    }\n\n    #video-header {\n        position: relative;\n    }\n\n    #video-header video {\n        object-fit: cover;\n        width: 100%;\n        height: 100%;\n    }\n\n    .overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        \/*opacity: .3;\n\t\tbackground: black;*\/\n    }\n\n    #vidbutton {\n        z-index: 4;\n        position: absolute;\n        right: 20px;\n        bottom: 20px;\n        font-size: 1.9rem;\n        line-height: 1.5vw;\n        border: 2px solid #fff;\n        border: 2px solid #ffa500;\n        color: #fff;\n        background-color: #012169;\n        background: #0752f4;\n        display: inline-block;\n        transition: all 0.3s ease 0s;\n        padding: .5vw 1vw;\n        -webkit-border-radius: 4px;\n        border-radius: 2px;\n        border-radius: 50%;\n        width: 50px;\n        height: 50px;\n        text-align: center;\n        padding: 0;\n        color: white;\n        background: #032670;\n        border-color: white;\n        background: #0752f4;\n        \/*background: #032670;*\/\n    }\n\n    @media (max-width: 500px) {\n        button#vidbutton {\n            font-size: 1.5rem;\n            bottom: 10px;\n            width: 40px;\n            height: 40px;\n        }\n    }\n\n    #vidbutton:hover,\n    #vidbutton:focus-visible {\n        text-transform: none;\n        border: 2px solid #fff;\n        \/*background-color: #2657be;*\/\n        color: white;\n        background: #032670;\n        font-weight: 400;\n        background-color: #012169;\n        background: #0752f4;\n        border: 2px solid #ffa500;\n        color: #ffd477;\n        \/*background: #0752f4;*\/\n        \/*background-color: #ffa500;\n\t\tcolor: #0752f4;\n\t    border: 2px solid #032670;\n\t\tcolor: #032670;*\/\n\n    }\n\n    #vidbutton .fa-pause,\n    #vidbutton .fa-play {\n        line-height: 4rem;\n    }\n\n    #vidbutton .fa-play {\n        position: relative;\n        left: 2px;\n    }\n\n    @media (min-width: 1200px) {\n\n        #video-header,\n        #video-header .overlay {\n            height: 40vw;\n            overflow: hidden;\n        }\n    }\n\n    #video-header h1 {\n        text-shadow: .02em .02em 0 #000000a8;\n        line-height: .95;\n        color: white;\n        font-size: 4.6vw;\n        font-weight: bold;\n        text-transform: uppercase;\n        margin: 0;\n        padding: 5rem 5rem 4rem;\n        margin-bottom: 0;\n        background: #004af480;\n        padding: 3.5vw 3.5vw 2.3vw;\n    }\n\n    @media (max-width: 1199.9px) {\n        #video-header h1 {\n            font-size: 7.4vw;\n            font-size: 8.5vw;\n            font-size: 5.7vw;\n            padding: 3vw 5vw 2vw;\n        }\n    }\n\n    #video-header h1 span {\n        color: #e68a39;\n    }\n\n    #video-inner {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        left: 50%;\n        top: 50%;\n        position: absolute;\n        grid-gap: 2rem;\n        grid-gap: 1vw;\n        transform: translate(-50%, -50%);\n    }\n\n    #video-inner>div {\n        display: grid;\n        grid-template-rows: 1fr 1fr;\n        grid-gap: 2rem;\n        grid-gap: 1vw;\n    }\n\n    #video-inner>div>div {\n        background: #004af480;\n    }\n\n    #video-inner .btn-cta {\n        text-transform: uppercase;\n        color: #022670;\n        background: #ffa500;\n        border-bottom: none;\n        border-radius: 0;\n        font-weight: bold;\n        font-size: 2vw;\n        line-height: 1;\n        padding: 0.3vw 0.6vw 0.2vw .2vw;\n        border: 5px solid darkblue;\n        border: .3vw solid darkblue;\n    }\n\n    #video-inner .btn-text {\n        padding: 0 1.5vw 0 1.1vw;\n        position: relative;\n\n    }\n\n    #video-inner .btn-text:after {\n        content: '';\n        position: absolute;\n        width: .35vw;\n        right: 0;\n        top: 0;\n        background: #032670;\n        height: 2.85vw;\n    }\n\n    #video-inner .btn-cta .fa {\n        padding: 0rem 0.1vw 0 .8vw;\n    }\n\n    .overlay-apply-now {\n        padding: 3.3vw 3vw 3vw;\n\t\t    padding: 4.1vw 3vw 3vw;\n    }\n\t\n\t@media (max-width: 1199.9px) {\n\t\t.overlay-apply-now {\n\t\t    padding: 5vw 3vw 3vw;\n\t\t}\n\t}\n\n    .overlay-walk {\n        padding: 3vw 4.2vw;\n    }\n\n    .overlay-walk img {\n        width: 100%;\n        max-width: 17.2vw;\n        margin: 0 auto;\n        padding-top: 0.6vw;\n    }\n\n    @media (max-width: 767.9px) {\n\n        #video-inner,\n        #video-inner>div {\n            display: block;\n        }\n\n        .overlay-walk {\n            display: none;\n        }\n\n        #video-inner>div>div {\n            padding-top: 0;\n            padding-bottom: 0;\n        }\n\n        #video-header h1 {\n            padding: 4.5vw 6vw 3vw;\n            font-size: 10vw;\n        }\n\n        #video-inner .btn-text {\n            font-size: 4.5vw;\n            padding: 1vw 3vw 0.2vw 1.5vw;\n            padding: 0 1.5vw 0 1.1vw;\n\t\t\t        padding: 0 1.8vw 0 1vw;\n        }\n\n        #video-inner .btn-text:after {\n            height: 6.45vw;\n        }\n\n        #video-inner .btn-cta .fa {\n        padding: 0rem 3vw 0 6vw;\n            font-size: 4.2vw;\n        }\n\n        #video-inner .btn-cta {\n            padding: 1vw 1.7vw 0.2vw 1vw;\n            transform: scale(1.24);\n            margin-left: 4%;\n\t\t\twidth: 56vw;\n    \t\tmargin-left: 14%;\n        }\n\n        #vidbutton .fa-pause,\n        #vidbutton .fa-play {\n            line-height: 3rem;\n        }\n    }\n    \n\t@media (min-width: 400px) and (max-width: 767.9px) and (orientation: portrait) {\n\n        #video-header h1 {\n            font-size: 6.5rem;\n        }\n\t\t#video-header h1 {\n\t\t\tfont-size: 10.5vw;\n\t\t\t        font-size: 12.5vw;\n        padding-left: 7vw;\n        padding-right: 7vw;\n\t\t}\n\n        #video-inner .btn-text {\n            font-size: 4.2vw;\n\t\t\tpadding-right: 5vw;\n        }\n\t\t#video-inner .overlay-apply-now {\n\t\t\tbackground-color: unset;\n\t\t\tmargin-top: 2vw;\n\t\t}\n\t\t#video-inner .overlay-apply-now:first-of-type .btn-text {\n\t\t\t    padding-right: 5.7vw;\n\t\t}\n\t\t#video-inner .btn-text:after {\n\t\t\theight: 5.85vw;\n\t\t}\n\t\t\/*#video-inner .btn-cta {\n            padding: 0.5rem 1.1rem 0.4rem 1rem;\n        }\n        #video-inner .btn-text {\n            padding: 0 1.7rem 0 0.6rem;\n\t}*\/\n\t\t#video-inner .btn-cta .fa {\n\t\t\tfont-size: 3.7vw;\n    padding-left: 5vw;\n\t\t}\n\t\t#video-inner .btn-cta .fa {\n        padding: 0rem 3vw 0 5vw;\n\t\t}\n\t\t #video-inner .btn-cta {\n\t\t\tpadding: 1vw 1.7vw 0.2vw 1vw;\n\t\t\ttransform: scale(1.37);\n\t\t\tmargin-left: 9%;\n\t\t\tmargin-top: 0.5rem;\n\t\t\t        transform: scale(1.36);\n        margin-left: 8.3%;\n\t\t\tpadding: 1vw 4.8vw 0.2vw 4.8vw;\n    margin-left: 9.5%;\n\t\t\t    width: 51.8vw;\n\t\t}\n\t\t\/*#video-inner { \n\t\t\ttop: 45%; \n\t}*\/\n\t\t\/*#video-header, #video-header .overlay {\n            height: 100vw;\n\t}*\/\n\t\t\n    }\n\t\n\t@media (max-width: 399.9px) and (orientation: portrait) {\n\t\t\n\t\t\n\t\t\n\t\t#video-header h1 {\n\t\t\tfont-size: 13vw;\n\t\t\t\n\t\t}\n\t\t\/*    #video-inner .btn-text {\n        font-size: 5.5vw;\n\t\t\tpadding: 0 2.5vw 0 1.7vw;\n\t}*\/\n\t\t    #video-inner .btn-text:after {\n        height: 6.3vw;\n    }\n\t\t\n\t\t    #video-inner .btn-cta {\n\t\t        padding: 1vw 1.7vw 0.2vw 1vw;\n        transform: scale(1.52);\n        margin-left: 14%;\n        margin-top: 1vw;\n\t\t}\n\t\t#video-inner .btn-cta { \n\t\t\t        transform: scale(1.5);\n        margin-left: 14%;\n\t\t}\n\t\t#video-inner .btn-text {\n\t\t        padding: 0 2.2vw 0 1vw;\n\t\t}\n\t\t#video-inner {\n\t\t\ttop: 47%; \n\t\t}\n\t\t#video-header, #video-header .overlay {\n            height: 100vw;\n        }\n\t}\n\t\n    #video-inner .btn-cta {\n        z-index: 3;\n    }\n\n    #video-inner .btn-cta:hover,\n    #video-inner .btn-cta:focus-visible {\n        background: #0752f4;\n        border: .3vw solid #ffa500;\n        color: white;\n    }\n\n    #video-inner .btn-cta .btn-text:after {\n        transition: background-color .4s;\n    }\n\n    #video-inner .btn-cta:hover .btn-text:after,\n    #video-inner .btn-cta:focus-visible .btn-text:after {\n        background: #ffa500;\n    }\n\n    #video-header,\n    #video-header .overlay {\n        z-index: 3;\n    }\n\n\t@media (min-width: 400px) and (max-width: 767.9px) and (orientation: portrait) {\n\n        #video-header,\n        #video-header .overlay {\n            height: 90vw;\n        }\n    }\n\t@media (max-width: 399.9px) {\n\t\t.home-video-text .play {\n\t\t\theight: 80px;\n\t\t\twidth: 80px;\n\t\t\tborder: 5px solid orange;\n\t\t}\n\t\tdiv.play-inner {\n\t\t\ttransform: translate(-50%, -50%) scale(0.45);\n\t\t}\n\t\t\n\t\t#video-inner>div>div {\n\t    \tmargin-bottom: calc(2vw + 2px);\n\t\t}\n\t\t#video-header h1 {\n\t\t\tmargin-bottom: 2vw; \n        padding: 4.5vw 13vw 3vw;\n\t\t}\n\t}\n\t\n\t\n\t\n\t@media (max-width: 399.9px) {\n\t\t#video-inner .overlay-apply-now:first-of-type .btn-text {\n\t\t\tpadding: 0 6vw 0 4.5vw;\n\t\t}\n\t\t#video-inner .overlay-apply-now:first-of-type .btn-cta .fa {\n\t\tpadding: 0rem 4vw 0 5.7vw;\n\t\t}\n\t\t#video-inner .btn-text {\n        padding: 0 5.2vw 0 4vw;\n    }\n\t}\n<\/style>\n<div role=\"banner\" id=\"video-header\" class=\"\">\n    <div class=\"vsc-controller\"><\/div>\n    <div class=\"overlay\">\n        <div id=\"video-inner\">\n            <h1>Where <br>Talent <br>Meets <br>Purpose<span>.<\/span><\/h1>\n            <div>\n                <div class=\"overlay-apply-now\">\n                    <a href=\"https:\/\/apply.highlands.edu\" class=\"btn btn-cta\"><span class=\"btn-text\">Apply Today<\/span><span class=\"fa fa-arrow-right\"><\/span><\/a>\n                <\/div>\n                <div class=\"overlay-apply-now\">\n                    <a href=\"https:\/\/go.highlands.edu\" class=\"btn btn-cta\"><span class=\"btn-text\">Request Info<\/span><span class=\"fa fa-arrow-right\"><\/span><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        <button id=\"vidbutton\" aria-label=\"pause video\"><i class=\"fa fa-pause\"><\/i><\/button>\n    <\/div>\n    <video role=\"presentation\" width=\"640\" height=\"360\" autoplay=\"1\" webkit-playsinline=\"true\" playsinline=\"true\" role=\"presentation\" muted=\"1\" loop=\"1\" poster=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2025\/08\/poster.jpg\">\n        <source src=\"https:\/\/forms.highlands.edu\/videos\/082925_home.webm?_=1\" type=\"video\/webm\">\n    <\/video>\n<\/div>\n\t<style>\r\n    #stats {\r\n        margin: 6rem auto;\r\n        max-width: 87%;\r\n\t\tpadding: 0 3vw 0 7vw;\r\n    }\r\n    #stats .list {\r\n        border-left: 5px solid #f5852f;\r\n        padding-left: 2vw;\r\n    }\r\n    \r\n    #stats a {\r\n        color: #022169;\r\n        text-decoration: none;\r\n        display: block;\r\n        transition: color .4s;\r\n    }\r\n    \r\n    #stats .big {\r\n        font-size: 6vw;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n\t\tfilter: drop-shadow(0px 0px 0 #fff) drop-shadow(4px 4px 0 orange);\r\n\t\t\/*filter: drop-shadow(0px 0px 0 #fff) drop-shadow(4px 4px 0 #ffc65f);*\/\r\n    }\r\n    \r\n    #stats .small {\r\n        display: block;\r\n        font-size: 1.35vw;\r\n        line-height: 1.3;\r\n    }\r\n\t#stats .dollar {\r\n\t\tfont-size: 4.5vw;\r\n\t\tposition: relative;\r\n\t\tbottom: 0.8vw;\r\n\t\tfont-size: 2.5vw;\r\n    position: relative;\r\n    bottom: 0.4vw;\r\n\t}\r\n\r\n    @media (min-width: 1540px) {\r\n        #stats {\r\n            max-width: 1490px;\r\n        }\r\n    }\r\n\t@media (max-width: 1450px) {\r\n\t\t#stats .small {\r\n\t\t\tfont-size: 1.65vw;\r\n\t\t}\r\n\t\t#stats {    \r\n\t\t\tpadding: 0 6.5vw 0 8vw;\r\n\t\t}\r\n\t}\r\n    @media (min-width: 768px) and (max-width: 991.9px) {\r\n        #stats.owl-carousel {\r\n            max-width: 93%;\r\n        }\r\n\t\t#stats .small {\r\n\t\t\tfont-size: 1.8rem;\r\n\t\t}\r\n\t\t#stats .big {\r\n\t\t\tfont-size: 7rem;\r\n\t\t}\r\n    }\r\n\r\n    @media (max-width: 767.9px) {\r\n        \r\n    }\r\n    \r\n    @media (min-width: 1601px) {\r\n        #stats .list {\r\n            padding-left: 32px;\r\n        }\r\n        \r\n        #stats .big {\r\n            font-size: 85px;\r\n        }\r\n        \r\n        #stats .small {\r\n            font-size: 20px;\r\n        }\r\n\t\t#stats .dollar {\r\n\t\t\tfont-size: 38px;\r\n        \tbottom: 4.5px;\r\n\t\t}\r\n\t\t#stats.owl-carousel {\r\n    \t\tpadding: 0 70px 0 150px;\r\n\t\t}\r\n    }\r\n\r\n    @media (min-width: 1640px) {\r\n\r\n    }\r\n\r\n    @media (max-width: 1199px) {\r\n        #stats {\r\n            max-width: 96%;\r\n            margin: 5rem auto;\r\n\t\t\tpadding: 0 3vw 0 9vw;\r\n\t\t\tpadding: 0 6vw 0 10vw;\r\n        }\r\n\t\t#stats .dollar {\r\n\t\t\tfont-size: 2.5vw;\r\n\t\t\tposition: relative;\r\n\t\t\tbottom: 0.3vw;\r\n \r\n\t\t}\r\n    }\r\n\t@media (min-width: 651px) and (max-width: 767.9px) {\r\n\t\t#stats .big {\r\n\t\t\tfont-size: 6rem;\r\n\t\t}\r\n\t\t#stats .small {\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t}\r\n\t\t#stats .dollar {    \r\n\t\t\tfont-size: 2.6rem;\r\n    \t\tbottom: 3px;\r\n\t\t}\r\n\t\t#stats {\r\n\t\t    padding: 0 8vw 0 9.5vw;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 650.9px) {\r\n\t\t#stats {        \r\n\t\t\tpadding: 0 14vw 0 9vw;\r\n\t\t\tmargin: 3rem auto;\r\n\t\t}\r\n\t\t#stats div.owl-item {text-align: center;}\r\n\t\t#stats .big {\r\n    \t\tfont-size: 5rem;\r\n\t\t}\r\n\t\t#stats .dollar {\r\n\t\t\tfont-size: 1.9rem;\r\n\t\t\tbottom: 3px;\r\n\t\t}\r\n\t\t#stats .small {\r\n    \t\tfont-size: 1.3rem;\r\n\t\t}\t\r\n\t\t#stats .list {\r\n\t\t\tborder-bottom: 5px solid #f5852f;\r\n\t\t\tborder-bottom: 0;\r\n\t\t\tborder-left: 0;\r\n\t\t\tpadding-left: 0;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n<!-- Set up your HTML -->\r\n<div id=\"stats\" class=\"owl-carousel\">\r\n   <div class=\"list\"><span class=\"big\">5<\/span><span class=\"small\">locations<br> + GHC Online<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">10<\/span><span class=\"small\">bachelor's<br>degree programs<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">39<\/span><span class=\"small\">associate<br>degree pathways<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\"><span class=\"dollar\">$<\/span>105<\/span><span class=\"small\">cost per credit hour<br>in-state tuition<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">3<\/span><span class=\"small\">varsity sports<br> programs<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">5<\/span><span class=\"small\">league sports<br> programs<\/span><\/div>\r\n\t\r\n   <div class=\"list\"><span class=\"big\">5<\/span><span class=\"small\">locations<br> + GHC Online<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">10<\/span><span class=\"small\">bachelor's<br>degree programs<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">39<\/span><span class=\"small\">associate<br>degree pathways<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\"><span class=\"dollar\">$<\/span>105<\/span><span class=\"small\">cost per credit hour<br>in-state tuition<\/span><\/div>\r\n    <div class=\"list\"><span class=\"big\">3<\/span><span class=\"small\">varsity<br>sports programs<\/span><\/div>\r\n   <div class=\"list\"><span class=\"big\">5<\/span><span class=\"small\">league<br>sports programs<\/span><\/div>\r\n<\/div>\n<style>\n            #featured-programs.Biology {\n            background-image: url(\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/09\/bio2.jpg\");\n        }\n        @media (max-width: 768px) {\n            #featured-programs.Biology {\n                background-image: url(\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/09\/biology_mob.jpg\");\n            }\n        }\n            #featured-programs.Engineering {\n            background-image: url(\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/09\/eng2.jpg\");\n        }\n        @media (max-width: 768px) {\n            #featured-programs.Engineering {\n                background-image: url(\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/09\/engineering_mob.jpg\");\n            }\n        }\n            #featured-programs.Film {\n            background-image: url(\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/08\/film_desk.jpg\");\n        }\n        @media (max-width: 768px) {\n            #featured-programs.Film {\n                background-image: url(\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/09\/film_mob.jpg\");\n            }\n        }\n<\/style>\n<section id=\"featured-programs\">\n                <h1>Charge Ahead.<\/h1>\n                <p>Explore our academic programs and find you fit here at GHC. <\/p>\n                <a href=\"https:\/\/www.highlands.edu\/academic-programs\/\">View All Programs<\/a>\n                <ul>\n                                        <li><a href=\"Https:\/\/www.highlands.edu\/academic-programs\/biology-pathway\/\" aria-controls=\"#BiologyBtn\"\n                           data-title=\"Biology\" data-degree=\"Biology\"\n                           \">Biology<\/a><\/li>\n                                        <li><a href=\"Https:\/\/www.highlands.edu\/academic-programs\/engineering-pathway\/\" aria-controls=\"#EngineeringBtn\"\n                           data-title=\"Engineering\" data-degree=\"Engineering\"\n                           \">Engineering<\/a><\/li>\n                                        <li><a href=\"Https:\/\/www.highlands.edu\/academic-programs\/film-and-digital-entertainment-pathway\/\" aria-controls=\"#FilmBtn\"\n                           data-title=\"Film &#038; DE\" data-degree=\"Film\"\n                           \">Film &#038; Digital Entertainment<\/a><\/li>\n                                    <\/ul>\n            <a id=\"exploreBtn\" href=\"Https:\/\/www.highlands.edu\/academic-programs\/biology-pathway\/\">Explore \n                Biology            <\/a>\n<\/section>\n\t<section id=\"step\">\r\n\t<div class=\"featured-programs-wrapper\">\r\n\t<style>\r\n\t\t#step {\r\n\t\t\tbackground: #0115ac;\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding: 11.5rem 0rem 12.5rem;\r\n\t\t}\r\n\th1.bigly {\r\n\t\ttext-shadow: .02em .02em 0 #000000a8;\r\n\t\tline-height: 0.9;\r\n\t\tcolor: white;\r\n\t\tfont-size: 8rem;\r\n\t\t\tfont-size: 7rem;\r\n\t\tfont-weight: bold;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\th1.bigly span {\r\n    color: #e68a39;\r\n}\r\n\ta.dotted {\r\n    text-shadow: .02em .02em 0 #000000a8;\r\n    border-bottom: 4px dotted #e68a39;\r\n    line-height: 1.2;\r\n    display: inline-block;\r\n    margin-left: 2.5rem;\r\n    position: relative;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-size: 3.5rem;\r\n\t\t\tfont-size: 3rem;\r\n}\r\n\t\ta.dotted:before {\r\n    content: '';\r\n    border: solid;\r\n    border-width: 0 3px 3px 0;\r\n    display: block;\r\n    left: -29px;\r\n    top: 9px;\r\n    background-color: transparent;\r\n    position: absolute;\r\n    height: 10px;\r\n    width: 10px;\r\n    padding: 1px;\r\n    transform: rotate(-45deg);\r\n    -webkit-transform: rotate(-45deg);\r\n\t\t\t    height: 13px;\r\n    width: 13px;\r\n\t\t\ttop: 13px;\r\n\theight: 12px;\r\n    width: 12px;\r\n    top: 10px;\r\n}\r\n\t\ta.dotted:hover, a.dotted:focus-visible, a.dotted:active {\r\n    border-bottom-style: solid;\r\n}\r\n\t\t.step-links {margin-top: 5rem;}\r\n\t\t.step-links a {margin-right: 20rem;}\r\n\t\t.step-links a:last-of-type {margin-right: 0;}\r\n\t\t\r\n\t\t@media (max-width: 1199.9px) {\r\n    h1.bigly {\r\n        font-size: 5.5rem;\r\n    }\r\n\ta.dotted {    font-size: 2.5rem;}\r\n\t.step-links a {\r\n    \tmargin-right: 9rem;\r\n\t}\r\n\t#step {\r\n    \tpadding: 9rem 0rem 10rem;\r\n\t}\r\n}\r\n\t\t@media (max-width: 767.9px) {\r\n\t\t\t.step-links a.dotted {\r\n\t\t\t    display: block;\r\n\t\t\t\tborder: 2px solid white;\r\n\t\t\t\tmax-width: 350px;\r\n\t\t\t\tmargin: 0 auto 2rem;\r\n\t\t\t}\r\n\t\t\t.step-links a.dotted:last-of-type {margin-right: auto;}\r\n\t\t\t.step-links a.dotted:before {content: unset;}\r\n\t\t\t.step-links {\r\n\t\t\t\tmargin-top: 4rem;\r\n\t\t\t}\r\n\t\t\t#step {\r\n\t\t\t\tpadding: 7rem 0rem 6rem;\r\n\t\t\t}\r\n\t\t\t.step-links a.dotted:first-of-type {    \r\n\t\t\t\tcolor: #0116ac;\r\n    \t\t\tbackground: white;\r\n\t\t\t}\r\n\t\t\ta.dotted:hover, a.dotted:focus-visible, a.dotted:active {\r\n\t\t\t    color: darkblue !important;\r\n    \t\t\tbackground: #e68a39 !important;\r\n\t\t\t\tborder-color: #e68a39;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 450px) {\r\n\t\t\t.step-links a.dotted {\r\n\t\t\t\tmax-width: 300px;\r\n\t\t\t\tfont-size: 2.2rem;\r\n\t\t\t\tmargin-bottom: 1.5rem;\r\n        \t\tpadding: 0.5rem 0 0.3rem;\r\n\t\t\t}\r\n\t\t\th1.bigly {\r\n        \t\tfont-size: 4.5rem;\r\n\t\t\t}\r\n\t\t\t.step-links {\r\n\t\t\t\tmargin-top: 3.5rem;\r\n\t\t\t}\r\n\t\t\t#step {\r\n\t\t\t\tpadding: 5rem 0rem 4rem;\r\n\t\t\t}\r\n\t\t}\r\n\t<\/style>\r\n\t<h1 class=\"bigly\">Take the<br class=\"visible-xs\"> Next Step<span>.<\/span><\/h1>\r\n\t\t<div class=\"step-links\">\r\n\t\t\t<a class=\"dotted\" href=\"https:\/\/apply.highlands.edu\">Apply Now<\/a>\r\n\t\t\t<a class=\"dotted\" href=\"http:\/\/go.highlands.edu\/\">Request Info<\/a>\r\n\t\t\t<a class=\"dotted\" href=\"https:\/\/sites.highlands.edu\/forms\/visit-ghc\/\">Visit GHC<\/a>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\n\t<style>\r\n    \/**\r\n * Owl Carousel v2.3.4\r\n * Copyright 2013-2018 David Deutsch\r\n * Licensed under: SEE LICENSE IN https:\/\/github.com\/OwlCarousel2\/OwlCarousel2\/blob\/master\/LICENSE\r\n *\/\r\n    .owl-carousel,\r\n    .owl-carousel .owl-item {\r\n        -webkit-tap-highlight-color: transparent;\r\n        position: relative\r\n    }\r\n\r\n    .owl-carousel {\r\n        display: none;\r\n        width: 100%;\r\n        z-index: 1\r\n    }\r\n\r\n    .owl-carousel .owl-stage {\r\n        position: relative;\r\n        -ms-touch-action: pan-Y;\r\n        touch-action: manipulation;\r\n        -moz-backface-visibility: hidden\r\n    }\r\n\r\n    .owl-carousel .owl-stage:after {\r\n        content: \".\";\r\n        display: block;\r\n        clear: both;\r\n        visibility: hidden;\r\n        line-height: 0;\r\n        height: 0\r\n    }\r\n\r\n    .owl-carousel .owl-stage-outer {\r\n        position: relative;\r\n        overflow: hidden;\r\n        -webkit-transform: translate3d(0, 0, 0)\r\n    }\r\n\r\n    .owl-carousel .owl-item,\r\n    .owl-carousel .owl-wrapper {\r\n        -webkit-backface-visibility: hidden;\r\n        -moz-backface-visibility: hidden;\r\n        -ms-backface-visibility: hidden;\r\n        -webkit-transform: translate3d(0, 0, 0);\r\n        -moz-transform: translate3d(0, 0, 0);\r\n        -ms-transform: translate3d(0, 0, 0)\r\n    }\r\n\r\n    .owl-carousel .owl-item {\r\n        min-height: 1px;\r\n        float: left;\r\n        -webkit-backface-visibility: hidden;\r\n        -webkit-touch-callout: none\r\n    }\r\n\r\n    .owl-carousel .owl-item img {\r\n        display: block;\r\n        width: 100%\r\n    }\r\n\r\n    .owl-carousel .owl-dots.disabled,\r\n    .owl-carousel .owl-nav.disabled {\r\n        display: none\r\n    }\r\n\r\n    .no-js .owl-carousel,\r\n    .owl-carousel.owl-loaded {\r\n        display: block\r\n    }\r\n\r\n    .owl-carousel .owl-dot,\r\n    .owl-carousel .owl-nav .owl-next,\r\n    .owl-carousel .owl-nav .owl-prev {\r\n        cursor: pointer;\r\n        -webkit-user-select: none;\r\n        -khtml-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        user-select: none\r\n    }\r\n\r\n    .owl-carousel .owl-nav button.owl-next,\r\n    .owl-carousel .owl-nav button.owl-prev,\r\n    .owl-carousel button.owl-dot {\r\n        background: 0 0;\r\n        color: inherit;\r\n        border: none;\r\n        padding: 0 !important;\r\n        font: inherit\r\n    }\r\n\r\n    .owl-carousel.owl-loading {\r\n        opacity: 0;\r\n        display: block\r\n    }\r\n\r\n    .owl-carousel.owl-hidden {\r\n        opacity: 0\r\n    }\r\n\r\n    .owl-carousel.owl-refresh .owl-item {\r\n        visibility: hidden\r\n    }\r\n\r\n    .owl-carousel.owl-drag .owl-item {\r\n        -ms-touch-action: pan-y;\r\n        touch-action: pan-y;\r\n        -webkit-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        user-select: none\r\n    }\r\n\r\n    .owl-carousel.owl-grab {\r\n        cursor: move;\r\n        cursor: grab\r\n    }\r\n\r\n    .owl-carousel.owl-rtl {\r\n        direction: rtl\r\n    }\r\n\r\n    .owl-carousel.owl-rtl .owl-item {\r\n        float: right\r\n    }\r\n\r\n    .owl-carousel .animated {\r\n        animation-duration: 1s;\r\n        animation-fill-mode: both\r\n    }\r\n\r\n    .owl-carousel .owl-animated-in {\r\n        z-index: 0\r\n    }\r\n\r\n    .owl-carousel .owl-animated-out {\r\n        z-index: 1\r\n    }\r\n\r\n    .owl-carousel .fadeOut {\r\n        animation-name: fadeOut\r\n    }\r\n\r\n    @keyframes fadeOut {\r\n        0% {\r\n            opacity: 1\r\n        }\r\n\r\n        100% {\r\n            opacity: 0\r\n        }\r\n    }\r\n\r\n    .owl-height {\r\n        transition: height .5s ease-in-out\r\n    }\r\n\r\n    .owl-carousel .owl-item .owl-lazy {\r\n        opacity: 0;\r\n        transition: opacity .4s ease\r\n    }\r\n\r\n    .owl-carousel .owl-item .owl-lazy:not([src]),\r\n    .owl-carousel .owl-item .owl-lazy[src^=\"\"] {\r\n        max-height: 0\r\n    }\r\n\r\n    .owl-carousel .owl-item img.owl-lazy {\r\n        transform-style: preserve-3d\r\n    }\r\n\r\n    .owl-carousel .owl-video-wrapper {\r\n        position: relative;\r\n        height: 100%;\r\n        background: #000\r\n    }\r\n\r\n    .owl-carousel .owl-video-play-icon {\r\n        position: absolute;\r\n        height: 80px;\r\n        width: 80px;\r\n        left: 50%;\r\n        top: 50%;\r\n        margin-left: -40px;\r\n        margin-top: -40px;\r\n        background: url(owl.video.play.png) no-repeat;\r\n        cursor: pointer;\r\n        z-index: 1;\r\n        -webkit-backface-visibility: hidden;\r\n        transition: transform .1s ease\r\n    }\r\n\r\n    .owl-carousel .owl-video-play-icon:hover {\r\n        -ms-transform: scale(1.3, 1.3);\r\n        transform: scale(1.3, 1.3)\r\n    }\r\n\r\n    .owl-carousel .owl-video-playing .owl-video-play-icon,\r\n    .owl-carousel .owl-video-playing .owl-video-tn {\r\n        display: none\r\n    }\r\n\r\n    .owl-carousel .owl-video-tn {\r\n        opacity: 0;\r\n        height: 100%;\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        background-size: contain;\r\n        transition: opacity .4s ease\r\n    }\r\n\r\n    .owl-carousel .owl-video-frame {\r\n        position: relative;\r\n        z-index: 1;\r\n        height: 100%;\r\n        width: 100%\r\n    }\r\n\r\n    \/**\r\n * Owl Carousel v2.3.4\r\n * Copyright 2013-2018 David Deutsch\r\n * Licensed under: SEE LICENSE IN https:\/\/github.com\/OwlCarousel2\/OwlCarousel2\/blob\/master\/LICENSE\r\n *\/\r\n    .owl-theme .owl-dots,\r\n    .owl-theme .owl-nav {\r\n        text-align: center;\r\n        -webkit-tap-highlight-color: transparent\r\n    }\r\n\r\n    .owl-theme .owl-nav {\r\n        margin-top: 10px\r\n    }\r\n\r\n    .owl-theme .owl-nav [class*=owl-] {\r\n        color: #FFF;\r\n        font-size: 14px;\r\n        margin: 5px;\r\n        padding: 4px 7px;\r\n        background: #D6D6D6;\r\n        display: inline-block;\r\n        cursor: pointer;\r\n        border-radius: 3px\r\n    }\r\n\r\n    .owl-theme .owl-nav [class*=owl-]:hover {\r\n        background: #869791;\r\n        color: #FFF;\r\n        text-decoration: none\r\n    }\r\n\r\n    .owl-theme .owl-nav .disabled {\r\n        opacity: .5;\r\n        cursor: default\r\n    }\r\n\r\n    .owl-theme .owl-nav.disabled+.owl-dots {\r\n        margin-top: 10px\r\n    }\r\n\r\n    .owl-theme .owl-dots .owl-dot {\r\n        display: inline-block;\r\n        zoom: 1\r\n    }\r\n\r\n    .owl-theme .owl-dots .owl-dot span {\r\n        width: 10px;\r\n        height: 10px;\r\n        margin: 5px 7px;\r\n        background: #D6D6D6;\r\n        display: block;\r\n        -webkit-backface-visibility: visible;\r\n        transition: opacity .2s ease;\r\n        border-radius: 30px\r\n    }\r\n\r\n    .owl-theme .owl-dots .owl-dot.active span,\r\n    .owl-theme .owl-dots .owl-dot:hover span {\r\n        background: #869791\r\n    }\r\n\r\n    .owl-carousel {\r\n        max-width: 87%;\r\n        padding: 0 60px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #bullets {\r\n        position: relative;\r\n    }\r\n\r\n    #slider {\r\n        position: relative;\r\n    }\r\n\r\n    #slider:before {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        background: #f5f5f5;\r\n        width: 100%;\r\n        height: 67%;\r\n    }\r\n\r\n    .owl-nav {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        top: 45%;\r\n        transform: translateY(-45%);\r\n    }\r\n\r\n    .owl-carousel .owl-nav button.owl-next,\r\n    .owl-carousel .owl-nav button.owl-prev,\r\n    .owl-carousel button.owl-dot {\r\n        font-size: 10rem;\r\n        color: #1c44bb;\r\n        font-weight: 100;\r\n    }\r\n\r\n    .owl-carousel .owl-nav button.owl-next {\r\n        float: right;\r\n    }\r\n\r\n    .owl-dots {\r\n        display: none;\r\n    }\r\n\r\n    #testimonials {\r\n        margin: 6rem auto 4rem;\r\n\t\tmax-width: 87%;\r\n    }\r\n\t@media (min-width: 1540px) {\r\n\t\t#testimonials {\r\n\t\t\tmax-width: 1490px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t#testimonials .quote {\r\n\t\tgrid-area: b;\r\n\t}\r\n\t#testimonials .testimonial-img {\r\n\t\tgrid-area: a;\r\n\t}\r\n\t#testimonials .owl-item>div {grid-template-areas: \" b a \";}\r\n\r\n    #testimonials .testimonial-img img {\r\n        max-width: 66%;\r\n    max-width: 77%;\r\n        display: inline-block;\r\n        border-radius: 50%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #testimonials .owl-item>div {\r\n        display: grid;\r\n        grid-template-columns: 4fr 4fr;\r\n    \tgrid-template-columns: 4fr 3fr;\r\n    }\r\n\r\n    #testimonials h2 {\r\n        text-transform: uppercase;\r\n        color: #022169;\r\n        font-size: 2.8rem;\r\n        letter-spacing: 1px;\r\n        font-weight: 500;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    #testimonials blockquote {\r\n        margin: 0;\r\n        border: none;\r\n        background: none;\r\n        padding: 0;\r\n        font-size: 3.5rem;\r\n\t\tfont-size: 2.1vw;\r\n        max-width: 620px;\r\n        line-height: 1.4;\r\n        font-weight: bold;\r\n        color: #022169;\r\n        margin-top: 2vw;\r\n\t\tfont-size: clamp(20px, -0.095rem + 2vw, 36px);\r\n    }\r\n\r\n    .upper {\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #testimonials p .upper {\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    #testimonials p.cite {\r\n        color: #022169;\r\n        font-size: 2.8rem;\r\n        font-weight: 500;\r\n        margin-top: 2rem;\r\n\t\tfont-size: 1.6vw;\r\n\t\tfont-size: clamp(17px, 0.194rem + 1.7vw, 28px);\r\n    }\r\n\r\n    #testimonials .owl-item>div>div:last-of-type {\r\n        \/*padding-left: 10rem;*\/\r\n    }\r\n\r\n    #testimonials .owl-item>div>div:first-of-type {\r\n        \/*padding-right: 4rem;*\/\r\n        text-align: center;\r\n    }\r\n\r\n\t.owl-prev span, .owl-next span {\t\r\n        width: 50px;\r\n        height: 50px;\r\n        display: inline-block;\r\n        position: relative;\r\n        background: #0752f4;\r\n        line-height: 5rem;\r\n        bottom: 5px;\r\n        border-radius: 50%;\r\n    }\r\n    @media (min-width: 768px) and (max-width: 991.9px) {\r\n        #testimonials.owl-carousel {\r\n            max-width: 93%;\r\n        }\r\n\t\t#testimonials p.cite {\r\n    \t\tfont-size: clamp(16px, 0.264rem + 1.7937vw, 22px);\r\n\t\t}\r\n        #testimonials.owl-carousel blockquote {\r\n            font-size: 2.7vw;\r\n\t\t\tfont-size: clamp(20px, -0.0357rem + 2.6786vw, 25px);\r\n\t\t\tfont-size: clamp(18px, -0.0357rem + 2.4786vw, 23px);\r\n        }\r\n\r\n        #testimonials .testimonial-img img {\r\n            max-width: 93%;\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n        }\r\n\t\t#testimonials .owl-item>div>div:last-of-type {padding-left: 0;}\r\n\r\n        #testimonials .owl-item>div>div:first-of-type {\r\n            position: relative;\r\n        }\r\n\r\n        .owl-prev:before,\r\n        .owl-next:before {\r\n            width: 45px;\r\n            height: 45px;\r\n        }\r\n\r\n        .owl-prev span,\r\n        .owl-next span {\r\n                    font-size: 5rem;\r\n        width: 40px;\r\n        height: 40px;\r\n        bottom: 13px;\r\n        line-height: 4rem;\r\n        }\r\n    }\r\n\r\n    \/*#testimonials blockquote:before {    background-image: url(https:\/\/sites.highlands.edu\/ghame\/wp-content\/uploads\/sites\/139\/2021\/08\/quote.png);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    content: '';\r\n    width: 50px;\r\n    height: 50px;\r\n\t\tposition: absolute;\r\n}*\/\r\n    #testimonials .quotemark {\r\n        position: relative;\r\n        margin-top: 2vw;\r\n    }\r\n\r\n    #testimonials .quotemark img {\t\t\t\r\n\t\tmax-width: 57%;\r\n\t\tleft: 23%;\r\n\t\tmargin: 0 auto;\r\n    }\r\n\r\n    #testimonials .quote {\r\n        display: grid;\r\n        grid-template-columns: 1fr 4fr;\r\n        padding-top: 3vw;\r\n        padding-left: 2vw;\r\n    }\r\n\t@media (min-width: 992px) and (max-width: 1500px) {\r\n\t\t#testimonials .testimonial-img img { \r\n\t\t\tmax-width: 29vw;\r\n\t\t\t        max-width: 26vw;\r\n\t\t}\r\n\t}\r\n    @media (max-width: 767.9px) {\r\n        #testimonials .owl-item>div {\r\n            display: block;\r\n        }\r\n\t\t#testimonials blockquote {font-size: 4.5vw;font-size: clamp(16px, 13px + 0.9637vw, 20px);}\r\n\t\t#testimonials .quote {padding-left: 0;}\r\n        #testimonials .testimonial-img img { \r\n\t\t\t        max-width: 66%;\r\n\t\t}\r\n        .owl-prev:before,\r\n        .owl-next:before {\r\n            width: 45px;\r\n            height: 45px;\r\n        }\r\n\r\n        .owl-prev span,\r\n        .owl-next span {\r\n            font-size: 5rem;\r\n        }\r\n        #testimonials .quote {\r\n            grid-template-columns: 1fr 10fr;\r\n        }\r\n        #testimonials .quotemark img {\r\n            max-width: 100%;\r\n            padding-right: 2vw;\r\n        }\r\n        #testimonials p.cite {\r\n            font-size: 3.3vw;\r\n\t\t\tfont-size: clamp(16px, 0.8258rem + 1.885vw, 20px);\r\n        }\r\n\r\n        .owl-prev span, .owl-next span {\r\n            width: 40px;\r\n            height: 40px;\r\n            line-height: 4rem;\r\n            bottom: 13px;\r\n        }\r\n    }\r\n\t.owl-prev:hover:before, .owl-next:hover:before {\r\n\t\tbackground: orange;\r\n\t\t\/*background: #011e62;*\/\r\n\t}\r\n\t@media (min-width: 1640px) {\r\n\t\t\t\r\n\t\t#testimonials blockquote {\r\n\t\t\tfont-size: 3.3rem;\r\n\t\t}\r\n\t\t#testimonials p.cite {font-size: 2.5rem;}\r\n\t\t#testimonials blockquote, #testimonials .quotemark {margin-top: 0;}\r\n\t\t#testimonials .quote {padding-top: 4.5vw;padding-top: 7.5rem;}\r\n\t}\r\n\t@media (max-width: 1199px) {\r\n\t\t#testimonials {\r\n\t\t\tmax-width: 96%;\r\n\t\t\tmargin: 6rem auto 4rem;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 991.9px) {\r\n\t\t.owl-prev:hover:before, .owl-next:hover:before, .owl-prev:active:before, .owl-next:active:before,\r\n\t\t.owl-prev:focus-visible:before, .owl-next:focus-visible:before {background: #0752f4;}\r\n\t\t.owl-prev span, .owl-next span {bottom: 12px;}\r\n\t\t.owl-prev span, .owl-next span {\r\n\t\t\tbottom: 13px;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 450px) {\r\n\t\t#testimonials {\r\n\t\t    margin: 4.5rem auto 3.7rem;\r\n\t\t}\r\n\t}\r\n\tblockquote .end-quote {\r\n   position: relative;\r\n    width: 1em;\r\n    height: 1em;\r\n    display: inline-block;\r\n\t}\r\n\t.owl-prev:hover:before, .owl-next:hover:before {\r\n    background: orange;\r\n\t}\r\n<\/style>\r\n<!-- Set up your HTML -->\r\n<div id=\"testimonials\" class=\"owl-carousel\">\r\n    <!--<div>\r\n\t\t<div class=\"testimonial-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/10\/student.webp\" alt=\"Thomas Morris\"><\/div>\r\n        <div class=\"quote\">\r\n            <div class=\"quotemark\">\r\n                <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/10\/orange-quotes.webp\" alt=\"quote mark\">\r\n            <\/div>\r\n            <!--<h2>Inspiring Grad<\/h2>-->\r\n            <!--<div>\r\n                <blockquote>\r\n                    <p>I grew at GHC. ... I was exposed to a lot of challenges, but at the same time I had a lot of support, with a lot of teachers who knew me by my name and who cared.<span class=\"end-quote\"><\/span><\/p>\r\n                <\/blockquote>\r\n                <p class=\"cite\"><span class=\"upper\">Justin Shooks<\/span><\/p>\r\n                <div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>-->\r\n\t\r\n\t<div>\r\n\t\t<div class=\"testimonial-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/11\/cassie.jpg\" alt=\"Cassie Cruz\"><\/div>\r\n        <div class=\"quote\">\r\n            <div class=\"quotemark\">\r\n                <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/10\/orange-quotes.webp\" alt=\"quote mark\">\r\n            <\/div>\r\n            <!--<h2>Inspiring Grad<\/h2>-->\r\n            <div>\r\n                <blockquote>\r\n\t\t\t\t\t<p>My mom, cousin and 2 aunts went to GHC to receive their associate degrees, and they are all highly successful women today... That made my decision clear about choosing GHC.<\/p>\r\n                <\/blockquote>\r\n                <p class=\"cite\"><span class=\"upper\">Cassie Cruz<\/span><\/p>\r\n                <div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\t\r\n    <div>\r\n\t\t<div class=\"testimonial-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2021\/10\/kara.jpg\" alt=\"Kara King\"><\/div>\r\n        <div class=\"quote\">\r\n            <div class=\"quotemark\">\r\n                <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/10\/orange-quotes.webp\" alt=\"quote mark\">\r\n            <\/div>\r\n            <!--<h2>Inspiring Grad<\/h2>-->\r\n            <div>\r\n                <blockquote>\r\n\t\t\t\t\t<p>...I found my place and knew I had made the right choice. I have had great professors and been surrounded by a comprehensive learning environment.<\/p>\r\n                <\/blockquote>\r\n                <p class=\"cite\"><span class=\"upper\">Kara King<\/span><\/p>\r\n                <div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\t<div>\r\n\t\t<div class=\"testimonial-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/11\/rico.jpg\" alt=\"Eduardo Rico\"><\/div>\r\n        <div class=\"quote\">\r\n            <div class=\"quotemark\">\r\n                <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/10\/orange-quotes.webp\" alt=\"quote mark\">\r\n            <\/div>\r\n            <!--<h2>Inspiring Grad<\/h2>-->\r\n            <div>\r\n                <blockquote>\r\n\t\t\t\t\t<p>I believe that earning a business degree from GHC definitely planted a seed that one day I could manage and own my own business.<\/p>\r\n                <\/blockquote>\r\n                <p class=\"cite\"><span class=\"upper\">Eduardo Rico<\/span><\/p>\r\n                <div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\t    \r\n<\/div>\n\t<style>\r\n    #home-video {\r\n\t\tbackground-color: black;\r\n        min-height: 650px;\r\n        background-image: url(https:\/\/www.highlands.edu\/wp-content\/uploads\/2024\/10\/someday3.jpg);\r\n        background-size: cover;\r\n        position: relative;\r\n  \t\tbox-shadow: 0 0 200px rgba(0,0,0,0.9) inset;\r\n\t\tbackground-position: center center;\r\n\t\tbox-shadow: 0 0 200px rgb(0 28 164 \/ 54%) inset;\r\n\t\tbox-shadow: 0 0 200px black inset;\r\n\r\n    }\r\n\r\n    #home-video:before {\r\n        content: '';\r\n        height: 100%;\r\n        width: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n\t\t\/*mix-blend-mode: multiply;*\/\r\n        background: #012b78;\r\n        background: #000;\r\n\t\t\/*background: #012b78;*\/\r\n        opacity: 0.45;\r\n\t\t\/*opacity: 0.55;*\/\r\n        z-index: 0;\r\n    }\r\n\r\n    .home-video-text {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 2;\r\n    }\r\n\r\n\/*\r\n    .playpause {\r\n        width: 120px;\r\n        height: 120px;\r\n        background: black;\r\n        position: relative;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .playpause label {\r\n        display: block;\r\n        box-sizing: border-box;\r\n        width: 0;\r\n        height: 74px;\r\n        border-color: transparent transparent transparent #fff;\r\n        transition: 100ms all ease;\r\n        cursor: pointer;\r\n        border-style: double;\r\n        border-width: 0 0 0 60px;\r\n        text-align: center;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .playpause input[type=\"checkbox\"] {\r\n        visibility: hidden;\r\n    }\r\n\r\n    .playpause input[type=\"checkbox\"]:checked+label {\r\n        border-style: solid;\r\n        border-width: 37px 0 37px 60px;\r\n    }\r\n*\/\r\n\t.home-video-text {text-align: center; min-width: 300px;}\r\n\t.home-video-text h2 {color: white; margin-top:3rem; font-weight: 500;}\r\n    .play {\r\n        height: 100px;\r\n        width: 100px;\r\n        position: relative;\r\n        border-radius: 50%;\r\n        border: 8px solid orange;\r\n    background: blue;\r\n        display: block;\r\n\t\tmargin: 0 auto;\r\n    }\r\n\r\n    .play:hover {\r\n        border-color: white;\r\n    }\r\n\r\n    .play-inner {\r\n        display: block;\r\n        box-sizing: border-box;\r\n        width: 0;\r\n        height: 74px;\r\n        border-color: transparent transparent transparent #fff;\r\n        transition: 100ms all ease;\r\n        cursor: pointer;\r\n        text-align: center;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 54%;\r\n        transform: translate(-50%, -50%) scale(0.55);\r\n        border-style: solid;\r\n        border-width: 37px 0 37px 60px;\r\n    }\r\n\t@media (max-width: 767.9px) {\r\n\t\t#home-video {min-height: 450px;}\r\n\t}\r\n\t#ytModalVideo {\r\n\t\taspect-ratio: 16 \/ 9;\r\n  \t\twidth: 100% !important;\r\n\t}\r\n\t#serviceVideo .modal-dialog {\r\n    \t    width: 100%;\r\n    top: 48%;    \r\n\t\tleft: 50%;\r\n    transform: translate(-50%, -50%);\r\n    max-width: 1100px;\r\n\t\tmargin: 0; padding: 0;\r\n\t}\r\n\t.modal-backdrop.in {opacity: .8;}\r\n\t.modal-header, .modal-body, .modal-content {background: transparent; border: none; box-shadow: none; margin: 0; padding: 0;}\r\n\t.modal button.close {\r\n\t\topacity: 1;\r\n    color: white;\r\n    text-shadow: none;\r\n    font-size: 3.3rem;\r\n    font-family: 'Font Awesome';\r\n    background: #fffffff0;\r\n\tbackground: blue;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n\t}\r\n\t.modal .modal-header {height: 50px;}\r\n\t.modal button.close:hover, .modal button.close:focus-visible, .modal button.close:active {background: orange; color: blue;}\r\n\t.modal button.close span {position: relative; font-weight: bold;\r\n\t    bottom: 0px;\r\n    line-height: 0.5;}\r\n\t@media (max-width: 1199px) {\r\n\t\t#serviceVideo .modal-dialog { \r\n\t\t\tmax-width: 90%;\r\n\t\t}\r\n\t\t.modal button.close span { bottom: 0px;}\r\n\t}\r\n\t@media (max-width: 450px) {\r\n\t\t.home-video-text h2 {\r\n\t\t\tfont-size: 2.2rem;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n<section id=\"home-video\">\r\n    <div class=\"home-video-text\">\r\n        <button class=\"play\" data-toggle=\"modal\" data-target=\"#serviceVideo\">\r\n\t\t\t<div class=\"play-inner\"><span class=\"sr-only\" style=\"color: black; background: white;\">Play Button<\/span><\/div>\r\n        <\/button>\r\n        <h2>Elevate Your Future at GHC<\/h2>\r\n    <\/div>\r\n\t<div class=\"modal fade\" id=\"serviceVideo\" tabindex=\"-1\" role=\"dialog\">\r\n  <div class=\"modal-dialog\" role=\"document\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\r\n        \r\n      <\/div>\r\n      <div class=\"modal-body\">\r\n\t\t  <iframe id=\"ytModalVideo\" style=\"position: relative;\" src=\"https:\/\/www.youtube.com\/embed\/g2xZsutZ2Wk?si=lGMa2fKJixi3UU7o\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/section>\n\t<style>\r\n\t#news a {text-decoration-thickness: 2px; color: #011e62;}\r\n    #news h1 {\r\n        \/*text-shadow: .02em .02em 0 #000000a8;*\/\r\n        line-height: 0.9;\r\n        color: #011e62;\r\n        font-size: 9rem;\r\n\t\tfont-size: 7rem;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        padding: 0;\r\n        margin-bottom: 1.3rem;\r\n    }\r\n\t#news .news-wrapper>h1 {\r\n\t\tmargin-bottom: 2rem;\r\n\t}\r\n\r\n    #news .news-wrapper>h1 span {\r\n        color: #d96a08;\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        #news h1 {\r\n            font-size: 6.5rem;\r\n        }\r\n    }\r\n\r\n    #news .news-wrapper {\r\n        max-width: 87%;\r\n        margin: 8rem auto 3rem;\r\n    }\r\n\t\r\n\t@media (min-width: 1640px) {\r\n\t\t#news .news-wrapper {\r\n\t\t\tmax-width: 1500px;\r\n\t\t}\r\n\t}\r\n\r\n    #news .news-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        grid-gap: 3rem;\r\n    }\r\n\r\n    #news article h2 {\r\n        color: #868686;\r\n\t\tcolor: #757575;\r\n        text-transform: uppercase;\r\n        font-size: 1.7rem;\r\n        margin-top: 0;\r\n    }\r\n\r\n    #news article h1 {\r\n        font-size: 3.5rem;\r\n        text-transform: none;\r\n        margin-bottom: .5rem;\r\n        text-transform: none;\r\n        margin-bottom: .8rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    #news .articles-right h1 {\r\n        font-size: 2.7rem;\r\n    }\r\n\r\n    #news .articles-right article {\r\n        border-bottom: 2px solid #011e62;\r\n        margin-top: 2rem;\r\n    }\r\n\t#news img {\r\n\t\t\/* position: absolute; *\/\r\n\t}\r\n\t#news .article-img {border-radius: 10px;\r\n\t\tposition: relative;\r\n\t\t\/* padding-bottom: 57%; *\/\r\n\t\toverflow: hidden;\r\n\t\tmargin-bottom: 2rem;\r\n\t}\r\n\t#news .articles-right article {display: grid; grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2.3fr; grid-gap: 2rem;}\r\n\t#news .articles-right img {margin-bottom: 0;} \r\n\t#news .articles-right article:first-of-type {margin-top: 0;}\r\n\t#news .visit-ghctoday {  \r\n\t\ttext-transform: uppercase;\r\n\t\tcolor: white;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 1.9rem;\r\n\t\tletter-spacing: 1px;\r\n\t\tbackground: #0752f4;\r\n\t\t    text-transform: uppercase;\r\n\t\tmargin-top: 2rem;\r\n\t\tpadding: .8rem 1.5rem 0.5rem;\r\n\t}\r\n\t#news .visit-ghctoday:hover, #news .visit-ghctoday:focus-visible {\r\n\t\tbackground: darkblue;\r\n\t}\r\n\t@media (max-width: 1200px) {\r\n\t\t#news .news-wrapper {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tmargin: 8rem 2rem 4rem;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 1600px) {\r\n\t\t#news article h1 {\r\n\t\t\tfont-size: 2.7rem;\r\n\t\t}\r\n\t\t#news .articles-right h1 {\r\n\t\t\tfont-size: 2rem;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 1200px) {\r\n\t    #news .articles-right h1 {\r\n        font-size: 1.7rem;\r\n    \t}\r\n\t\t#news article h2 {\r\n\t\t\tfont-size: 1.4rem;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 767.9px) {\r\n\t\t#news .news-content {\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\tgrid-gap: 2rem;\r\n\t\t}\r\n\t    #news article h1 {\r\n    \t    font-size: 2.2rem;\r\n    \t}\r\n\t\t#news .news-wrapper {\r\n        \tmargin: 6rem 2rem 2rem;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 1199.9px) {\r\n\t\t#news h1 {\r\n\t\t\tfont-size: 5.5rem;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 450px) {\r\n    \t#news h1 {\r\n\t\t\tfont-size: 4.5rem;\r\n\t\t}\r\n\t}\r\n\t\r\n\t\/*** ELEMENT451 ***\/\r\n\t#news img {width: 100%;}\r\n\t#news .articles-right img {\r\n    \tborder-radius: 10px;\r\n\t}\r\n\t._sp451--events__event--image {\r\n\t\tposition: relative;\r\n\t\theight: 0;\r\n\t\tpadding-bottom: 66%;\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 3px;\r\n\t}\r\n\t#news ._sp451--events__event--image img {\r\n\t\tposition: relative;\r\n\t}\r\n\t#news ._sp451--events__wrapper {\r\n\t\tmax-width: 87%;\r\n\t\tmargin: 0 auto 8rem;\r\n\t\tpadding: 0;\r\n\t}\r\n\t@media (min-width: 1640px) {\r\n\t\t#news ._sp451--events__wrapper {\r\n\t\t\tmax-width: 1500px;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 1200px) {\r\n\t\t#news ._sp451--events__wrapper {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tmargin: 2rem 2rem 5rem;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\t#sp451-element-events-root ._sp451--events__event--inner {padding: 0;}\r\n\t\r\n\t#sp451-element-events-root ._sp451--events__event--data {padding: 1.5rem;}\r\n\t#sp451-element-events-root ._sp451--events__event--inner, #news ._sp451--events__event--image img {border-radius: 10px; overflow: hidden;}\r\n\t@media (max-width: 991.9px) {\r\n\t\t\/*._sp451--events__wrap div:nth-child(3n) {\r\n\t\t\tdisplay: none;\r\n\t\t}*\/\r\n\t\t#sp451-element-events-root ._sp451--events__wrap {flex-direction: column;}\r\n\t\t#sp451-element-events-root ._sp451--events__event {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tflex: 0 0 100%;\r\n\t\t}\r\n\t\t#sp451-element-events-root ._sp451--events__event--inner {\r\n    \t\tdisplay: grid;\r\n    \t\tgrid-template-columns: 1fr 2fr;\r\n\t\t}\r\n\t\t._sp451--events__event--image {\r\n\t\t\tpadding-bottom: 58%;\r\n\t\t}\r\n\t\t#sp451-element-events-root ._sp451--events__wrap {display: block;}\r\n\t}\r\n\t\t#sp451-element-events-root ._sp451--events__event--description p {display: none;}\r\n\t#sp451-element-events-root ._sp451--events__event--name {\r\n    \tline-height: 1.3;\r\n    \tcolor: #011e62;\r\n\t\tfont-size: 1.7rem;\r\n\t}\r\n\t\t#news ._sp451--events__event--image img {border-radius: 0px;}\r\n\t._item--meta--text {\r\n\t\tcolor: #757575;\r\n\t\t    font-size: 1.7rem;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\t#sp451-element-events-root ._sp451--events__event--meta ._item--meta {\r\n    \tpadding-right: 1.5rem;\r\n\t}\r\n\t#sp451-element-events-root ._sp451--events__event--name {\r\n    \tfont-size: 2.7rem;\r\n    \tline-height: 1.2;\r\n\t}\r\n\t#sp451-element-events-root ._sp451--events__event--link {\r\n\t\tfont-size: 1.9rem;\r\n\t}\r\n\t@media (max-width: 1200px) {\r\n\t\t._item--meta--text {\r\n\t\t\tfont-size: 1.4rem;\r\n\t\t}\r\n\t\t    #sp451-element-events-root ._sp451--events__event--name  {\r\n\t\t\tfont-size: 1.7rem;\r\n\t\t}\r\n\t\t#sp451-element-events-root ._sp451--events__event--link {\r\n\t\t\tfont-size: 1.8rem;\r\n\t\t}\r\n\t}\r\n\t@media (max-width: 767.9px) {\r\n\t\t._sp451--events__event--image {padding-bottom: 58%;}\r\n\t\t#sp451-element-events-root ._sp451--events__event--inner {display: block;}\r\n\t}\r\n\t#sp451-element-events-root ._sp451--events__link a {\r\n\t    color: white;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 1.9rem;\r\n\t\tletter-spacing: 1px;\r\n\t\tbackground: #0752f4;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-top: 2rem;\r\n\t\tpadding: .8rem 1.5rem 0.5rem;\t\r\n\t    border-radius: 4px;\r\n\t}\r\n\t#sp451-element-events-root ._sp451--events__link a:hover, #sp451-element-events-root ._sp451--events__link a:focus-visible {\r\n\t\tbackground: darkblue;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t._sp451--events__link a svg {display: none;}\r\n\t.visit-ghctoday {float: right;}\r\n\t@media (max-width: 767.9px) {\r\n\t\t#news .visit-ghctoday {float: none; display: block;}\r\n\t\t#sp451-element-events-root ._sp451--events__link a {\r\n\t\t\tdisplay: block;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n<section id=\"news\">\r\n    <div class=\"news-wrapper\">\r\n        <h1>News<span>.<\/span><\/h1>\r\n        <div class=\"news-content\">\r\n       \r\n        <\/div>\r\n    <\/div>\r\n\t<div class=\"sp451-element-events\">\n    <div id=\"sp451-element-events-root\"><\/div>\n<\/div>\n\r\n<\/section>\n\t<style>\r\n    \r\n#meet-mike .fa-arrow-right:before {\r\n    border-radius: 4px;\r\n\tmargin-right: 0;\r\n}\r\n#meet-mike .fa-arrow-right {margin-right: 1rem;}\r\n#meet-mike h1 span {color: #d96a08;}\r\n#meet-mike h1 {text-shadow: .02em .02em 0.2em #d7d7d7, 0.02em .02em 0em #ccccc9, 0.02em .02em 0.2em #cccccc;}\r\n#meet-mike a:hover, #meet-mike a:focus, #meet-mike a:focus-visible {background: darkblue; color: white;\r\n    text-decoration: none;}\r\n    \r\n    \/*** Meet Mike Styles ***\/\r\n    #meet-mike {\r\n        background: #e3e2df;\r\n    }\r\n\r\n    .content-container {\r\n        padding: 1rem;\r\n        max-width: 950px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #meet-mike {\r\n        position: relative;\r\n    }\r\n\r\n    .mike-inner {\r\n        padding-right: 2.5%;\r\n        position: absolute;\r\n        max-width: 41%;\r\n        top: 45%;\r\n        left: 58%;\r\n        transform: translateY(-50%);\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .mike-inner h2 {\r\n        font-size: 3rem;\r\n        font-weight: 700;\r\n        margin-bottom: 2rem;\r\n        position: relative;\r\n\r\n\r\n        \/*    color: var(--color-menu);*\/\r\n        \/*    line-height: 1.25;*\/\r\n        \/*\r\n    text-transform: lowercase;\r\n    letter-spacing: -0.025em;\r\n    text-indent: -0.025em;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 900;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n*\/\r\n    }\r\n\r\n\r\n    .mike-inner p {\r\n        \/*\r\n    font-size: 1.25rem;\r\n    font-weight: 300;\r\n    line-height: 1.7;\r\n    padding-right: 10%;\r\n*\/\r\n        font-size: 1.1rem;\r\n        font-weight: 300;\r\n        line-height: 1.7;\r\n        padding-right: 14%;\r\n    }\r\n\r\n    .ws {\r\n        white-space: nowrap;\r\n    }\r\n\r\n    #meet-mike .btn {\r\n        position: static;\r\n        display: inline-block;\r\n        font-size: 1.8rem;\r\n        padding: 0.5rem 2.5rem;\r\n        font-weight: 600;\r\n        letter-spacing: 1px;\r\n        margin-top: 1rem;\r\n        --bs-btn-bg: #184bad;\r\n        border: none;\r\n        padding: 0.5rem 2.1rem 0rem 2.5rem;\r\n        font-size: 2.8rem;\r\n    }\r\n\r\n    #meet-mike .btn .bi {\r\n        padding-left: .8rem;\r\n        position: relative;\r\n        transition: all .4s;\r\n    }\r\n\r\n    .btn:hover,\r\n    .btn:focus {\r\n        background: #0473CD\r\n    }\r\n\r\n    #meet-mike .btn:hover .bi,\r\n    #meet-mike .btn:focus .bi {\r\n        \/*    color: orange;*\/\r\n        \/*    left: .5rem;*\/\r\n    }\r\n\r\n    \/*\r\n.mike-inner h2::after {\r\n    background-color: #184bad;\r\n    content: \"\";\r\n    display: block;\r\n    height: 0.5rem;\r\n    position: absolute;\r\n    bottom: -1.5rem;\r\n    width: 3rem;\r\n}*\/\r\n\r\n        @media (min-width: 1640px) {\r\n            .containers {\r\n                max-width: 1500px;\r\n                margin: 0 auto;\r\n                position: relative;\r\n            }\r\n        }\r\n\r\n    @media (max-width: 1339px) {\r\n\r\n        .mike-inner {\r\n\r\n            max-width: 44%;\r\n        }\r\n\r\n        .mike-inner h2 {\r\n            font-size: 3vw;\r\n        }\r\n\r\n        .mike-inner p {\r\n            font-size: 1.4vw;\r\n            padding-right: 11%;\r\n        }\r\n\r\n        .mike-inner {\r\n            top: 50%;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1023px) {\r\n        #meet-mike {\r\n            background: #ebebe9\r\n        }\r\n\r\n        .mike-inner {\r\n            position: static;\r\n            transform: none;\r\n            text-align: center;\r\n            margin: 0 auto;\r\n            padding: 0;\r\n            max-width: 100%;\r\n            width: 760px;\r\n            padding: 4rem 0 2rem;\r\n        }\r\n\r\n        .mike-inner h2 {\r\n            font-size: 2rem;\r\n        }\r\n\r\n        .mike-inner p {\r\n            font-size: 1rem;\r\n            padding-right: 0;\r\n            width: 550px;\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        #meet-mike .btn {\r\n            margin-top: 2rem;\r\n            font-size: 2rem;\r\n            letter-spacing: 1px;\r\n            padding: 1rem 2rem .7rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1023px) {\r\n        .mike-inner {\r\n            padding: 4rem 0 2.5rem;\r\n        }\r\n\r\n        #meet-mike .containers {\r\n            border-bottom: 15px solid #16335e;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 601px) {\r\n        .visible-xs {\r\n            display: none;\r\n        }\r\n\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        #meet-mike .containers {\r\n            border-bottom: 20px solid #25437a\r\n        }\r\n\r\n        .visible-xs {\r\n            display: block;\r\n        }\r\n\r\n        .visible-sm {\r\n            display: none;\r\n        }\r\n\r\n        #meet-mike .visible-xs {\r\n            padding-top: 2vw;\r\n            border-top: 3px solid #092161;\r\n            border-bottom: 14px solid #193360;\r\n        }\r\n\r\n        .mike-inner h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .mike-inner {\r\n            padding: 10vw 0;\r\n        }\r\n\r\n        .mike-inner p {\r\n            padding: 0 1.5rem;\r\n            font-size: .95rem;\r\n        }\r\n\r\n    }\r\n\r\n    #meet-mike h1 {\r\n        line-height: 0.9;\r\n        color: #011e62;\r\n        font-size: 9rem;\r\n        font-size: 7rem;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        padding: 0;\r\n        margin-bottom: 1.3rem;\r\n    }\r\n    \r\n\r\n    @media (min-width: 1200px) {\r\n        #meet-mike h1 {\r\n            font-size: 7rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 1310px) {\r\n        #meet-mike h1 {\r\n            font-size: 5.5rem; \r\n        }\r\n    }\r\n\r\n    @media (max-width: 1199.9px) {\r\n        #meet-mike h1 {\r\n            font-size: 5.5rem;        \r\n            margin-top: 6vw;\r\n        }\r\n        #meet-mike .btn {margin-bottom: 4vw;}\r\n    }\r\n\r\n    @media (max-width: 450px) {\r\n        #meet-mike h1 {\r\n            font-size: 4.5rem;\r\n        }\r\n\r\n        #meet-mike a.programs-explore {\r\n            margin-top: 2.5rem;\r\n        }\r\n    }\r\n    @media (max-width: 600px) {\r\n        #meet-mike .btn {margin-bottom: 1vw;}\r\n    }\r\n<\/style>\r\n<article id=\"meet-mike\">\r\n    <div class=\"containers\">\r\n        <div class=\"mike-inner\">\r\n            <h1>Vision of<br> the President<span>.<\/span><\/h1>\r\n\r\n            <a href=\"https:\/\/sites.highlands.edu\/office-of-president\/\" class=\"programs-explore btn\"><span class=\"fa fa-arrow-right\"><\/span> Learn More <span class=\"sr-only\">About the President's Vision<\/span><\/a>\r\n        <\/div>\r\n\r\n        <picture>\r\n            <source srcset=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2025\/03\/pres.jpg\" media=\"(min-width: 1024px)\">\r\n            <source srcset=\"https:\/\/www.highlands.edu\/wp-content\/uploads\/2025\/03\/pres_mob.jpg\">\r\n            <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/sites.highlands.edu\/inauguration\/wp-content\/uploads\/sites\/152\/2023\/05\/spacer.png\" style=\"width: 100%;\" alt=\"Mike Hobbs, Ph.D.\">\r\n        <\/picture>\r\n\r\n    <\/div>\r\n<\/article>\n\n","protected":false},"excerpt":{"rendered":"<p>Charge Ahead. Explore our academic programs and find you fit here at GHC. View All Programs Engineering<\/p>\n","protected":false},"author":78,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"one-column-wide-no-heading.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13754","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/pages\/13754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/comments?post=13754"}],"version-history":[{"count":22,"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/pages\/13754\/revisions"}],"predecessor-version":[{"id":14285,"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/pages\/13754\/revisions\/14285"}],"wp:attachment":[{"href":"https:\/\/www.highlands.edu\/wp-json\/wp\/v2\/media?parent=13754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}