/* Inter & Inter Tight */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Main container */
 #mainWrapper{
     position:relative;
}
 .wrapper{
     margin: 0 auto;
     max-width: 1220px;
     padding: 0 10px;
}
 .wrapper:after{
     content:"";
     display:block;
     clear:both;
}
 .one-row{
     clear: both;
     padding: 0px;
}
 .one-row:after{
     content:"";
     display:block;
     clear:both;
}
/* Common Columns */
 .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12{
     float: left;
     margin: 0 3% 0 0;
}
 .col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 {
     margin: 0;
}
 .col1{
     width: 5.5%;
}
 .col2{
     width: 14%;
}
 .col3{
     width: 22.5%;
}
 .col4{
     width: 31%;
}
 .col5{
     width: 39.5%;
}
 .col6{
     width: 48%;
}
 .col7{
     width: 56.5%;
}
 .col8{
     width: 65%;
}
 .col9{
     width: 73.5%;
}
 .col10{
     width: 82%;
}
 .col11{
     width: 90.5%;
}
 .col12{
     width: 100%;
     margin: 0;
}
 .last{
     margin-right:0;
}
 .colContainer:after{
     content:"";
     display:block;
     clear:both;
}
/* Common Columns END */
/*UTILITY NAV*/
 .utilityNav{
     z-index:10;
     height:35px;
     position: relative;
     background: #007298;
     background: -moz-linear-gradient(left, #007298 0%, #007298 79%, #405c6e 79%, #405c6e 79%);
     background: -webkit-linear-gradient(left, #007298 0%,#007298 79%,#405c6e 79%,#405c6e 79%);
     background: linear-gradient(to right, #007298 0%,#007298 79%,#405c6e 79%,#405c6e 79%);
}
 .utilityNav:after{
     content:"";
     display:block;
     clear:both;
}
 .utilityNav .utilityLinks{
     height:100%;
     float:left;
     width:75%;
     text-align:left;
     padding-right:25px;
}
 .utilityNav .utilityLinks ul.utNav{
     margin-top:0;
     margin-left:0;
     line-height:1rem;
}
 .utilityNav .utilityLinks ul li{
     display:inline-block;
     padding:10px;
     font-size:.8em;
     height:35px;
}
 .utilityNav .utilityLinks ul li:hover{
     background: #00698f;
}
 .utilityNav .utilityLinks ul li a{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
     font-size:1rem;
     color:#ffffff;
     text-decoration: none;
     text-transform: uppercase;
}
 .utilityNav .utilityLinks ul li:hover a{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
 .utilityNav .utilitySearch{
     position:relative;
     height:35px;
     float:right;
     width:25%;
     background:#405c6e;
     padding-left:2px;
}
 .utilityNav .utilitySearch ul li{
     display:inline-block;
     margin:15px;
     font-size:.8em;
     font-family:verdana, arial, sans-serif;
}
 .utilityNav .utilitySearch ul li a, .utilityNav .utilitySearch ul li label{
     font-family: 'Oswald', sans-serif;
     font-weight:400;
     color:#bcbdc0;
     text-decoration: none;
}
 .utilityNav .utilitySearch ul li label i{
     margin-left:10px;
}
 .utilityNav .utilitySearch .searchBox {
     height: 36px;
     margin-top: 2px;
}
 .utilityNav .utilitySearch .searchBox input {
     height: 31px;
     width: 80%;
     padding: 5px;
     border: 0;
     float: left;
}
 .utilityNav .utilitySearch .searchBox button {
     height:31px;
     width:20%;
     padding:5px;
     background: #ffffff;
     border: 0;
     text-align: right;
     cursor: pointer;
     line-height:19px;
     float: left;
}
 .utilityNav .utilitySearch .searchBox button span{
     display:none;
}
 .utilityNav .utilitySearch .searchBox button i{
     color: #405c6e;
     font-size: 1.25rem;
     line-height: 13px;
}
 .utilityNav .utilitySearch ul li input[type=checkbox]{
     display: none;
}
 .utilityNav .utilitySearch ul li input[type=checkbox]:checked ~ label{
     color:#8aac53;
}
 .utilityNav .utilitySearch ul li input[type=checkbox]:checked ~ label:after{
     font-family:'FontAwesome';
     content:"\f00d";
     position:absolute;
     right:20px;
     top:60px;
     z-index:30;
     color:#ffffff;
}
 .utilityNav .utilitySearch ul li input[type=checkbox]:checked ~ .searchMenu {
     display: block;
     z-index: 10;
}
 .utilityNav .utilitySearch ul li .searchMenu{
     display:none;
     background:rgba(0,47,122,.94);
     position:absolute;
     left:0;
     top:44px;
     width:100%;
     min-height:500px;
     color:#ffffff;
     padding:35px 25px 10px 25px;
}
 .utilityNav .utilitySearch ul li .searchMenu h3{
     font-size:1.5em;
     margin-bottom:5px;
     color:#bcbdc0;
     font-family: 'Oswald', sans-serif;
     font-weight:400;
     text-transform: none;
}
 .utilityNav .utilitySearch ul li .searchMenu input{
     background:#bcbdc0;
     padding:10px 10px 10px 5px;
     border:none;
     border-radius:4px;
     height:40px;
     width:100%;
     margin:15px 0px;
}
 .utilityNav .utilitySearch ul li .searchMenu input::-webkit-input-placeholder{
     color: #2a2a2a;
     font-family: 'FontAwesome', sans-serif;
     font-weight:700;
}
 .utilityNav .utilitySearch ul li .searchMenu input:-moz-placeholder{
     color: #2a2a2a;
     font-family: 'FontAwesome', sans-serif;
     font-weight:700;
}
 .utilityNav .utilitySearch ul li .searchMenu input::-moz-placeholder{
     color: #2a2a2a;
     font-family: 'FontAwesome', sans-serif;
     font-weight:700;
}
 .utilityNav .utilitySearch ul li .searchMenu input:-ms-input-placeholder{
     color: #2a2a2a;
     font-family: 'FontAwesome', sans-serif;
     font-weight:700;
}
 .utilityNav .utilitySearch ul li .searchMenu .subSearch{
     margin-top:30px;
}
 .utilityNav .utilitySearch ul li .searchMenu .subSearch ul{
     margin-top:25px;
}
 .utilityNav .utilitySearch ul li .searchMenu .subSearch ul li{
     display:block;
     font-size:1rem;
     margin:25px 0;
     font-weight:400;
}
 .utilityNav .utilitySearch ul li .searchMenu .subSearch ul li a{
     color:#ffffff;
}
 .utilityNav .utilitySearch ul li .searchMenu .subSearch ul li a:hover{
     color:#8aac53;
}
/*END UTILITY NAV*/
 #mobileHeader{
     display:none;
}
 .mob-only{
     display:none;
}
 .mob-only-inline{
     display:none;
}
/* media query added for mobile view for more responsiveness (brad) */
 @media only screen and (max-width: 1000px) {
     .full-only{
         display:none!important;
    }
     .full-only-inline{
         display:none!important;
    }
     footer .full-only{
         display:none;
    }
     .mob-only{
         display:block;
    }
     .mob-only-inline{
         display:inline-block;
    }
     .dateMarker .day{
         font-size: 1.75em;
    }
     section.breadcrumbs{
         display:none;
    }
     .leftcol.col3, .widgetArea.col3, .col9:not(.calendar){
         width:100%;
         margin:0;
    }
     .wrapper .wrapper{
         padding:0 10px;
    }
     #mobileHeader{
         display:block;
         position:relative;
         background:#007298;
         padding:5px;
         z-index:20;
    }
     #mobileHeader .mobileLogo a img{
         max-height:50px;
    }
     #mobileHeader .menuIcon{
         position:absolute;
         top:0px;
         right:0px;
         bottom:0;
         padding: 10px 10px 10px 20px;
         background: #405c6e;
    }
     #mobileHeader .menuIcon i{
         font-size:2.25em;
         color:#ffffff;
         cursor:pointer;
    }
     .mobileMenu{
         display:none;
         position: absolute;
         z-index: 200;
         transition: transform 0.5s;
         top: 0;
         right: 0;
         transform: translateX(100%);
    }
     .mobileMenu.active{
         display:block;
         transform: translateX(0);
         top: 60px;
    }
     .mobileMenu{
         width: 100%;
         background:#ffffff;
    }
     .mobileMenu .searchBox{
         background:#ffffff;
    }
     .mobileMenu .mainNav{
         background:#ffffff;
    }
     .mobileMenu .utNav{
         background:#007298;
    }
     .mobileMenu ul{
         padding:0 15px;
    }
     .mobileMenu ul li{
         display: block;
         text-transform: uppercase;
         position:relative;
         text-align:left;
         border-top:solid 1px rgba(154, 197, 212, .4);
         list-style: none;
         margin: 0;
         padding: 15px 0px;
         cursor:pointer;
    }
     .mobileMenu ul.utilityNavMob li{
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
         font-size:1rem;
    }
     .mobileMenu ul.utilityNavMob li:last-child{
         text-transform: none;
    }
     .mobileMenu ul li.open{
         padding:15px 0;
    }
     .mobileMenu ul li.open > a{
         display:block;
         border-bottom:solid 1px rgba(154, 197, 212, .4);
         padding: 15px 0px;
    }
     .mobileMenu ul li.open ul li:last-child{
         border-bottom:none;
    }
     .mobileMenu ul li:first-child {
         border-top: none;
    }
     .mobileMenu ul li:last-child {
         border-bottom: solid 1px rgba(154, 197, 212, .4);
    }
     .mobileMenu ul li:after{
         font-family:FontAwesome;
         content:"\f078";
         color:#405c6e;
         position:absolute;
         right:0;
         top:12px;
         cursor:pointer;
    }
     .mobileMenu ul li.open:after{
         font-family:FontAwesome;
         content:"\f077";
         position:absolute;
         right:0;
         top:12px;
         cursor:pointer;
    }
     .mobileMenu ul li:hover:after{
         color:#132a4f;
    }
     .mobileMenu ul li:hover > a{
         color:#132a4f;
    }
     .mobileMenu ul li{
         color: #405c6e;
         text-decoration:none;
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
         font-size:1rem;
    }
     .mobileMenu ul li a{
         display: inline-block;
         color: #405c6e;
         text-decoration:none;
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
         font-size:1rem;
    }
     .mobileMenu ul.utNav{
         padding:5px 20px 40px 20px;
    }
     .mobileMenu ul.utNav li{
         border:none;
         padding:0;
         margin:10px 0;
    }
     .mobileMenu ul.utNav li:after{
         display:none;
    }
     .mobileMenu ul.utNav li a{
         color:#ffffff;
    }
     .mobileMenu ul.utNav li:hover a{
         text-decoration: underline;
    }
     .mobileMenu ul.utNav li:last-child{
         text-transform: none;
    }
     .mobileMenu ul.utNav li a{
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
         font-size:.9em;
         font-weight:300;
         letter-spacing: .5px;
         padding:5px 0;
    }
     .mobileMenu ul li > ul{
         display:none;
         padding:15px 0;
    }
     .mobileMenu ul li > ul li{
         border:none;
         padding:5px 0px;
    }
     .mobileMenu ul li > ul li:after{
         content:none;
    }
     .mobileMenu ul li > ul li a{
         text-transform: none;
    }
     .mobileMenu .searchBox {
         width: 90%;
         margin: 20px 5%;
         border: solid 3px #007298;
    }
     .mobileMenu .searchBox input {
         height: 31px;
         width: 80%;
         padding: 25px 10px;
         border: 0;
         font-size:1rem;
    }
     .mobileMenu .searchBox button {
         height:31px;
         width:20%;
         padding:5px;
         background: #ffffff;
         border: 0;
         text-align: right;
         cursor: pointer;
         line-height:19px;
    }
     .mobileMenu .searchBox button i{
         color: #405c6e;
         font-size: 1.25rem;
         line-height: 13px;
    }
     .mobileMenu .searchBox button span{
         display:none;
    }
     .mobileMenu .searchBox input[type=checkbox]{
         display: none;
    }
     .mobileMenu .searchBox input[type=checkbox]:checked ~ label{
         color:#8aac53;
    }
     .mobileMenu .searchBox input[type=checkbox]:checked ~ label:after{
         font-family:'FontAwesome';
         content:"\f00d";
         position:absolute;
         right:20px;
         top:60px;
         z-index:30;
         color:#ffffff;
    }
     .mobileMenu .searchBox input[type=checkbox]:checked ~ .searchMenu {
         display: block;
         z-index: 10;
    }
    /*END 1000 MOBILE MENU/MOBILE HEADER*/
}
 @media screen and (max-width: 580px) {
     .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
         float: none;
         width: 100%;
    }
}
 @media all and (min-width: 320px) {
     .mobileMenu {
         transform: translateX(100%);
         width: 100%;
    }
}
/*HEADER AREA*/
 header{
     height: 97px;
     padding:7px 0;
     margin:0 auto;
}
 header .headerLogo{
     z-index: 2;
     position: relative;
     padding:4px 0;
     align-items: center;
     display: flex;
     height: 100%;
}
 header .headerLogo img{
     width: 225px;
}
 header .headerNav{
     position: absolute;
     right: 15%;
     z-index: 10;
}
 header .headerNav nav{
     margin-top:15px;
}
 header nav ul li{
     display:inline-block;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
     text-transform: uppercase;
     cursor:pointer;
     color:#50748a;
     position:relative;
     padding:20px 15px;
     margin:10px 0;
     font-size:1.25em;
}
/* media query added for nav items responsiveness (brad) */
/* Media queries added for more responsiveness (brad) */
/* custom responsiveness added for logo and logo padding (brad) */
 @media(max-width: 1800px) {
     header .headerNav{
         right: 13%;
    }
}
 @media(max-width: 1600px) {
     header .headerNav{
         right: 7%;
    }
}
 @media(max-width: 1400px) {
     header .headerLogo {
         padding: 5px 10px;
    }
     header .headerLogo img {
         width: 160px;
    }
     header .headerNav{
         right: 0;
    }
     header nav ul li {
         padding: 20px 8px;
    }
}
 header nav ul li:hover {
     color: #007298;
     font-family: "Inter Tight", sans-serif;
     font-optical-sizing: auto;
     font-weight: 600;
     font-style: normal;
}
 header nav ul li a{
     font-family: "Inter Tight", sans-serif;
     font-optical-sizing: auto;
     font-weight: 600;
     font-style: normal;
     color:#132a4f;
     text-decoration: none;
     text-transform: uppercase;
}
 header nav ul li:hover > a{
     color:#007298;
     font-family: "Inter Tight", sans-serif;
     font-optical-sizing: auto;
     font-weight: 600;
     font-style: normal;
}
 header nav ul li:hover > ul{
     display:block;
}
 header nav ul li ul{
     display:none;
     position:absolute;
     width:185px;
     text-align:center;
     padding-top: 5px;
     margin-top: 20px;
     margin-left: -35%;
     line-height: 1.25rem;
}
/* nth-child added to center dropdowns (brad) */
 header nav ul li:nth-child(2) ul{
     margin-left: -30%;
}
 header nav ul li:nth-child(3) ul{
     margin-left: -20%;
}
 header nav ul li:nth-child(4) ul{
     margin-left: -25%;
}
 header nav ul li:nth-child(5) ul{
     margin-left: -43%;
}
 header nav ul li:nth-child(6) ul{
     margin-left: 0;
}
 header nav ul li ul:empty{
     display:none!important;
}
 header nav ul li ul:after {
     content: url('https://www.hpu.edu/_global/images/nav-graphic2.png');
     width:100%;
     display:block;
     margin-top:-1px;
}
 header nav ul li ul li{
     display:block;
     padding: 2px 20px;
     font-size:1em;
     margin:0;
     background:#fff;
}
 header nav ul li ul li:after{
     content:"\25cb";
     display:block;
     color: #50748a;
     font-size: .8rem;
     margin-top:4px;
}
 header nav ul li ul li:last-child:after{
     content:"";
}
 header nav ul li ul li a{
     text-transform:none;
     font-size:1rem;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
     text-transform: uppercase;
}
 @media only screen and (max-width:1220px){
    /*1220 HEADER SECTION*/
     header nav ul li{
         font-size: 1.65vw;
    }
}
/*BEGIN NEW RIGHT NAV CODE*/
 @media screen and (min-width: 961px){
     header nav ul li:hover > a{
         color:#007298;
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
    }
}
 header .wrapper, .utilityNav .wrapper {
     max-width:1400px;
}
/* NAVBAR POSITION CHANGED FROM FLOATS TO FLEX (brad) */
 header .wrapper {
     display: flex;
     justify-content: space-between;
}
 header nav ul.mainNav > li:last-child > a {
     padding:3px 5px;
     border: 2px solid #007298;
}

/*LANDING/INTERIOR BREADCRUMB STYLES*/
 section.breadcrumbs{
     margin-bottom:20px;
}
 section.breadcrumbs ul{
     list-style: none;
}
 section.breadcrumbs ul li{
     display:inline-block;
     margin: 0 5px 0 0;
     color:#5d676f;
}
 section.breadcrumbs ul li:not(:last-child):after{
     content:"\f054";
     font-family:FontAwesome;
     font-size:.75rem;
     margin-left:10px;
}
 section.breadcrumbs ul li a{
     font-size:1rem;
     text-decoration:none;
     color:#132a4f;
}
 section.breadcrumbs ul li a:hover{
     text-decoration: underline;
}

/*FOOTER*/
 footer{
     background:#415c6f;
     padding:25px 0 40px 0;
}
 footer img{
     display:block;
     width: 80%;
     max-width: 220px;
     margin-bottom:20px;
}
 footer .addressPhone{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
     color:#ffffff;
     line-height: 1.25rem;
     margin:10px;
     display:block;
}
 footer .footerNav ul li{
     margin:7px 0;
}
 footer .footerNav ul li a{
     color:#ffffff;
     text-decoration:none;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
 footer .footerNav ul li a:hover{
     text-decoration:underline;
}
 footer .footerSocial p {
     background: #d1d2d4;
     border-radius: 50%;
     display: inline-block;
     font-size: 2rem;
     height: 3.5rem;
     margin-top: 3rem;
     width: 3.5rem;
}
 footer .footerSocial p a {
     align-items: center;
     display: flex;
     height: 100%;
     justify-content: center;
     text-align: center;
     width: 100%;
}
 @media(max-width: 992px) {
     footer .footerSocial p {
         margin-bottom: 1rem;
    }
}
 footer .phoneLink{
     text-decoration:none!important;
     color:#ffffff;
}
/*END FOOTER*/

.text-truncate {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
}
.full-only-inline,
.mob-only-inline {
	color: white !important;
}
.footerSocial p a span {
	display: none !important;
}

 @media only screen and (max-width:1220px){
    /*1220 HEADER SECTION*/
     header nav ul li{
         font-size: 1.65vw;
    }
    /*END 1220 HEADER SECTION*/
}
 @media only screen and (max-width:1100px){
     .whiteHeadline{
         font-size:4rem;
    }
     .whiteSubHead{
         font-size:2rem;
    }
}
 @media only screen and (max-width: 992px) {
     footer .wrapper{
         width:95%;
    }
     footer .wrapper .one-row .col6{
         width:100%;
         text-align:center;
    }
     footer .wrapper img{
         width:80%;
         margin:20px 10%;
         max-width:400px;
    }
}
 @media only screen and (max-width: 580px) {
    /*580 FOOTER*/
     footer .wrapper{
         width:100%;
    }
     footer .wrapper .one-row .col6{
         text-align:center;
    }
     footer .wrapper img{
         width:80%;
         margin:20px 10%;
         max-width:400px;
    }
    /*END 580 FOOTER*/
}
 @media only screen and (max-width: 420px) {
    /*420 FOOTER*/
     footer {
         padding: 15px 0 0px 0;
    }
    /*END 420 FOOTER*/
}
 @media all and (min-width: 320px) {
     .mobileMenu {
         transform: translateX(100%);
         width: 100%;
    }
}