html {
    scroll-behavior: smooth;
}
 .wrapper {
    z-index: 1;
}
 a {
    color: inherit;
}

 .contact-area h2, .subsection .contact-area h2 {
     color: #4c4c4b;
     margin-bottom: 22px;
     font-size: 22px;
}
 h2, h3, p, figure {
     position: relative;
}
 .contact-area h2:after, .subsection .contact-area h2:after {
     margin-top: 4px;
}
 .item.contact-box p {
     margin-bottom: 5px;
}
 .contact-area a {
     font-weight: normal!important;
}
 .contact-box .box {
     border-bottom: 3px solid #7ec247;
     box-shadow: none;
}
 .row.display-flex > [class*='col-'] {
     -webkit-box-flex: 1;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
}
 .contact-card-wrapper {
     background: #ffffff;
     transition: 0.3s;
     box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
     border-radius: 10px;
     padding: 30px;
     position: relative;
     transition: inherit;
     transition: 0.3s;
     margin-bottom: 2rem;
     width:100%;
}
 .contact-card-wrapper:hover {
     box-shadow: 3px 2px 18px 0px rgb(0 0 0 / 10%);
}
 @media screen and (min-width: 720px) {
     .item.contact-box {
         top: 20px;
         width: 315px;
    }
     .subsection:before {
        height: 480px;
    }
}
 @media only screen and (min-width: 768px) {
     .subsection {
        padding: 0 50px 90px 90px;
    }
     .l-content {
        border-top:20px solid #fff;
    }
}
 @media only screen and (max-width: 768px) {
     .subsection {
        padding: 30px 50px 130px 50px;
    }
}
 @media only screen and (max-width: 425px) {
     .subsection {
        padding: 30px 20px 30px 20px;
    }
}
 @media (min-width: 45em) {
     #breadcrumb ul {
        padding: 35px 50px 15px 90px;
    }
     .l-page h1 {
        margin: 0 50px 0 90px;
    }
}
 .l-page h1, h2.main-title, h3.main-title {
    position:relative;
     font-weight: bold!important;
    color:#313534;
}
 .navigation {
    -webkit-box-shadow: none!important;
     box-shadow: none!important;
     margin-bottom: -2px;
}
 .post-content h3 a {
    text-decoration:none;
     -webkit-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     transition: all 200ms ease-in;
}
 .post-content h3 a:hover {
     color: #7ec247;
}
 nav ul li a:before {
    background: #7ec247;
}
 .cta-bar-wrapper .cta-bar {
    padding: 2% 0;
}
 .cta-bar-wrapper {
     background-position: top center!important;
}
 .cta-bar-wrapper .cta-bar {
     background: rgb(0 0 0 / 43%)!important;
}
 #breadcrumb ul li a {
    border-bottom: 1px solid #7ec247;
}
 .contact-area h2:after, .subsection .contact-area h2:after, .contact-area h2:after, .subsection .contact-area h2:after {
    border-bottom-color: #7ec247;
}
 .l-content .main-title:after {
    margin: 0 0 15px 0;
    border-bottom: 2px solid #7ec247;
}
 .l-content .main-title.text-center:after {
    margin:0 auto 15px auto;
    border-bottom: 2px solid #7ec247;
}
 .green-divider {
    border-bottom-color: #7ec247;
}
 .icon-large {
    font-size: 55px;
     margin-bottom: 20px;
}
 section.navigation {
     background:#0e2b42;
   background-image: linear-gradient(
  90deg,
  hsl(207deg 65% 16%) 0%,
  hsl(206deg 72% 16%) 10%,
  hsl(206deg 80% 16%) 21%,
  hsl(206deg 87% 17%) 33%,
  hsl(206deg 94% 17%) 44%,
  hsl(206deg 100% 17%) 55%,
  hsl(204deg 90% 24%) 65%,
  hsl(202deg 85% 31%) 75%,
  hsl(201deg 85% 38%) 85%,
  hsl(199deg 89% 43%) 93%,
  hsl(196deg 100% 47%) 100%
);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e2b42",endColorstr="#003359",GradientType=1);
}
 .navigation .nav-container .brand a, .navigation .nav-container .brand a strong {
     color: #fff;
     opacity:1;
     font-weight: bold!important;
}
 .navigation .nav-container .brand a:hover, .navigation .nav-container .brand a:visited {
    color:#fff;
}
 nav ul li a, nav ul li a:visited {
    color:#fff;
     text-transform:none;
}
 nav ul li a:hover, nav ul li a:visited:hover {
     color: #fff;
     text-decoration: none;
     opacity: 1;
}
 nav ul li ul li a {
     background-color: #0e2b42;
     border-bottom: 1px solid #19405e;
}
nav ul li a:focus {
    color: #fff;
    outline-color: #fff;
}
.program-box .program-box-inside a:focus {
    outline-color: #000;
}
 nav ul li ul li a:hover {
     background-color: #003359;
}
 @media (max-width:1080px) {
     .navigation .nav-container .brand a {
        font-size:26px;
    }
}
 .profileCards-container.style1 .name:after {
    background: #00AEEF!important;
}
 .row.hull-hero {
     display: flex;
     padding: 20px 10px;
}
 @media only screen and (min-width: 768px) {
     .row.hull-hero {
        display: flex;
         padding: 30px 0 0 80px;
    }
}

.upcoming-cards.upcoming-card {background:#fff;}
 @media only screen and (max-width: 768px) {
     .row.hull-hero {
         display: block;
         padding: 30px 0 20px 20px;
    }
}
 .hull-hero .hero-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 p.eyebrow {
     text-transform: uppercase!important;
     font-size: 14px;
     font-weight: bold;
     color: #007eac;
     margin-bottom: 10px;
     letter-spacing: 2px;
}
 p.eyebrow span {
    color:inherit;
    position:relative;
    font-weight:inherit;
}
 .hull-hero h2 {
    font-weight: bold !important;
    font-size: 48px;
    --minFontSize: 32px;
    --maxFontSize: 55px;
    --scaler: 4vw;
    font-size: clamp(var(--minFontSize), var(--scaler), var(--maxFontSize));
    line-height: 1.1;
    color: #003359;
}
 .hull-hero h2 span {
     color: #007eac;
}
 .hull-hero.interior-page h2 {
     text-shadow: 5px 3px 15px black;
}
 .hull-hero .hero-image {
     margin-top:0;
     background-size: 100% 100%;
}
 .hull-hero .hero-image img {
     width: 100%;
     height: auto;
	 max-width: 400px;
}
 .hull-hero hr, hr {
     height: 1px;
     background-color: rgb(0 0 0 / 12%);
     margin: 24px 0 48px 0;
}
 .matrix.inverse-wrapper hr {
     background-color: rgb(255 255 255 / 36%);
}
 .hull-hero a.btn, section a.btn {
     display: inline-block;
     position: relative;
     border-radius: 3px;
     line-height: 1.1;
     font-weight: 700;
     text-transform: uppercase;
     color: #ffffff;
     background-color: #003359;
     padding: 1rem 2.5rem !important;
     margin-right: 20px;
	 border-radius: 50px;
     margin-bottom:20px;
     border: none;
     -webkit-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     transition: all 200ms ease-in;
}
 .hull-hero a.btn:hover, section a.btn:hover {
     background: #00497f;
     color:#fff;
     -webkit-box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);
     box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);
}
 .hull-hero a.btn.naked, section a.btn.naked {
     background-color: transparent;
     color: #000;
	-webkit-box-shadow: inset 0 0 0 2px #86C44C, 0 0 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 0 2px #86C44C, 0 0 0 rgba(0,0,0,0.2);
     -webkit-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     transition: all 200ms ease-in;
}
 .hull-hero a.btn.naked:hover, section a.btn.naked:hover {
    background: #86C44C;
    background-image: -o-linear-gradient(bottom left, #00AEEF 5%, #82C342 95%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(5%, #00AEEF), color-stop(95%, #82C342));
    background-image: linear-gradient(to top right, #00AEEF 5%, #82C342 95%);
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 2px transparent, 0px 10px 15px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 0 2px transparent, 0px 10px 15px rgba(0,0,0,0.2);
     background-repeat: no-repeat;
     color:#fff;
}
 a.btn.bg-white {
     background-color: #fff;
     color: #003359;
     min-width: 200px;
}
 .matrix.inverse-wrapper section a.btn.naked {
     -webkit-box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 rgb(0 0 0 / 20%);
     box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 rgb(0 0 0 / 20%);
}
 .matrix.inverse-wrapper section a.btn.naked:hover {
     -webkit-box-shadow: inset 0 0 0 2px transparent, 0px 10px 15px rgb(0 0 0 / 20%);
     box-shadow: inset 0 0 0 2px transparent, 0px 10px 15px rgb(0 0 0 / 20%);
}
 @media only screen and (max-width: 570px) {
     .hull-hero a.btn, section a.btn {
        display: block;
         margin-bottom: 20px;
    }
}
 .scale-up-center {
     -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
 @-webkit-keyframes scale-up-center {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @keyframes scale-up-center {
     0% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 .program-box {
     padding:20px;
     position: relative;
     transition: 0.5s;
}
 .program-box .program-box-inside {
     position: relative;
     padding: 30px;
     box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 25%);
     border-radius: 10px 10px 10px 10px;
     background: #FFFFFF;
     transition: all .5s;
     z-index: 1;
}
 .program-box .program-box-inside .icon {
     width:50px;
}
 .degree-type {
     font-size: 16px;
     text-transform: uppercase;
     font-weight: bold;
     transition: 0.4s;
}
 .program-box .program-box-inside h3.title {
     margin: 0 0px 11px 0px;
     font-size: 25px;
     line-height: 28px;
     color: #222222;
     text-transform: none;
     transition: 0.4s;
     font-weight: bold!important;
}
 p.stat-title {
     font-size: 30px;
     line-height: 36px;
     color: #fff;
     text-transform:none;
     transition: 0.4s;
     font-weight: 700!important;
}
 .program-box .program-box-inside p {
     color: #616161;
     transition: 0.4s;
}
 .program-box .program-box-inside a {
    text-transform:uppercase;
     vertical-align: bottom;
     transition: .4s;
     margin-bottom:0;
     padding-bottom:0;
     color: #7ec247;
}
 .flex-column {
    justify-content: center;
     flex-direction: column;
}
 .program-box:hover .program-box-inside {
     background: #003359;
     box-shadow:none;
}
 .program-box:hover h3.title, .program-box:hover .degree-type, .program-box:hover p, .program-box:hover a{
     color: #fff;
}
 @media only screen and (min-width: 769px) {
     .pull-box-up {
        margin-top: -30px;
         margin-bottom: 30px;
    }
}
 figure.accreditation img {
     max-width: 150px;
     float: left;
     margin-right: 20px;
     margin-bottom: 10px;
}
 .news-item {
     padding:20px;
     position: relative;
     margin:0;
}
 .news-item .news-wrapper {
     background: #ffffff;
     transition: 0.3s;
     box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
     border-radius: 10px;
     padding:20px;
     position: relative;
     transition: inherit;
}
 .news-item:hover .news-wrapper {
     box-shadow: 3px 2px 18px 0px rgb(0 0 0 / 10%);
}
 .news-item .image-box {
     overflow:hidden;
     height:250px;
     border-radius: 10px;
}
 .image-box a img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: 100%;
     object-fit: cover!important;
     object-position: top center;
}
 .news-item .date-box {
     position: relative;
     z-index: 2;
     margin-right: 20px;
     margin-left: auto;
     margin-top: -30px;
     width: 60px;
     min-width: fit-content;
     height: 60px;
     padding: 0 9px;
     border-radius: 5px;
     display: flex;
     font-size: 12px;
     text-transform: uppercase;
     color: #ffffff;
     text-align: center;
     flex-direction: column;
     line-height: 1;
     font-weight: 700;
     justify-content: center;
     box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);
     background-color:#003359;
}
 .news-item .date-box span {
     font-size: 20px;
     text-align: center;
     line-height: 1.2;
}
 .news-item p.site-box {
    text-transform: uppercase;
     font-size: 14px;
     font-weight: bold;
    color:#717171;
     margin-bottom:10px;
}
 .news-item h3.news-title {
    font-size: 24px;
     line-height: 1.3;
     color: #222222;
     margin-bottom: 10px;
     font-weight: bold!important;
}
 .news-item a.continue {
     text-transform: uppercase;
     color: #003359;
     margin-bottom: 0;
     font-size: 16px;
     display: block;
     padding: 8px 0;
}
 .news-item:hover a.continue {
    color:#160b42;
    text-decoration:none;
}
 .bg-text { 
    color: rgb(0 174 239 / 9%);
     font-weight: bold!important;
     font-size: 15.625vw;
     font-weight: 700;
     line-height: 1em;
     z-index: 0;
     top: 0;
     position: absolute;
     right: 28px;
}
 .bg-text.bottom-left {
     top: unset;
     bottom: -3px;
     left: 50px;
}
 #hull-advantage h2.main-title {
     font-size: 3rem;
     line-height: 1;
}
 .matrix.inverse-wrapper {
     color: #fff;
}
 .hull-image img {
     filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.3));
}
 .read-more-button {
     position: absolute;
     bottom: 2px;
     right: 6px;
}
 .read-more-button .fal {
     transform: rotate(-45deg);
     color: #00AEEF;
}
 .program-box:hover .read-more-button .fal {
    color:#fff;
}
 a.link-tag {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 4;
}
 .news-item.event-list h3.news-title {
     font-size: 24px;
     min-height: 72px;
}
 .news-item.event-list .date-box {
     margin-top: -39px;
     margin-right:10px 
}
 .news-item.event-list p.site-box {
    margin-bottom:20px;
}
 .matrix.light-wrapper {
     border: none!important;
}
 .profileCards-container.style2 .profileCard-parent {
     margin: 10px;
     -ms-flex-preferred-size: calc(25% - 20px);
     flex-basis: calc(25% - 20px);
     background: #fff;
     min-width: 280px;
     max-width: 340px;
     box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
     border-radius: 10px;
     padding: 20px;
     -webkit-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     transition: all 200ms ease-in;
}
 .profileCards-container.style2 .profileCard-parent:hover {
    box-shadow: 3px 2px 18px 0px rgb(0 0 0 / 10%);
}
 .profileCard-body {
    padding-top: 10px;
}
 .profileCards-container.style2 .profileCard-image {
     margin-bottom: 10px;
     border-radius: 10px;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .profileCards-container.style2 .profileCard-image img {
     border-radius: 10px;
}
 .profileCards-container.style2 p.name a, .profileCards-container.style2 p.name, .profileCards-container.style2 .name {
     color: #000;
     margin-bottom: 10px;
     font-family: 'Avenir-Next', sans-serif!important;
     font-weight: 700!important;
     text-transform: none;
     font-size: 19px;
     min-height: unset!important;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .profileCards-container.style2 .name:after {
    display:none;
}
 .profileCards-container.style1 .name a:after, .profileCards-container.style2 .name a:after {
     font-size: 15px;
     vertical-align: top;
     color: #00AEEF;
     text-shadow: none;
}
 .profileCards-container.style2 .name a:after {
     content: ' \f08e'!important;
     font-size: 15px;
     color: #00AEEF;
     text-shadow: none;
     font-weight: normal!important;
}
 .profileCards-container.style2 .tel, .profileCards-container.style2 .email {
    font-size:14px;
}
 .profileCards-container.style2 .email a {
    font-weight: normal!important;
}
 ul.comfortable li, ol.comfortable li {
     margin-bottom: 20px;
     line-height: 1.8;
}
 ul.columns {
     -webkit-column-count: 3;
     -moz-column-count: 3;
     column-count: 3;
     column-width:350px;
     padding-left:0;
}
 ul.columns li {
     margin-left: 1.5rem;
     position: relative;
     -webkit-column-break-inside: avoid;
}
 @media (orientation:portrait) {
     ul.columns {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1;
    }
}
 ul.resource-list {
     list-style-type: none;
     padding:0;
     margin-left:0;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 50px;
     margin-top:30px;
}
 ul.resource-list li {
     margin: 0 20px 20px 0;
     border-radius: 5px;
     flex-basis: calc(33% - 20px);
     display: grid;
     align-items: center;
     justify-items: center;
     background: rgba(241,241,241, .2);
     color: #404040;
     position: relative;
     padding: 20px 30px 15px 30px;
     background-color: #ffffff;
     border: 1px solid #eeeeee;
     border-bottom:5px solid transparent;
     box-shadow: 0 20px 25px rgba(0, 0, 0, 0.10);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;

}
 ul.resource-list li:hover {
     box-shadow: none;
     border-bottom:5px solid #00AEEF;
}
 ul.resource-list li a {
     color: #003359;
     font-style: normal;
     text-transform:none;
     font-weight: normal;
     padding:0;
     font-size: 1rem;
     text-align: center;
     line-height:1.2;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     width: 100%;
}
 ul.resource-list li a:hover {
     text-decoration: none;
     color: #00AEEF;
}
 ul.resource-list li strong {
     font-weight: 700;
}
 @media (max-width: 819px){
     ul.resource-list li {
        flex-basis: calc(50% - 20px);
    }
}
 @media (max-width: 619px){
     ul.resource-list li {
        flex-basis: calc(100% - 20px);
    }
}
 a.link-tag {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 4;
}
 .news-item figure img {
    border-radius: 100%;
}
 .post-content p {
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .affiliation {
     font-size: 14px;
     font-size: 14px;
     font-weight: 700;
     line-height: inherit;
     text-transform: uppercase;
     margin-bottom: 1rem;
     background: #fff;
     width: fit-content;
}
 .麻豆官网首页入口 .affiliation {
    color:#00AEEF;
}
 .Athens .affiliation {
    color:#003359;
}
 .contact-name h3 {
     font-size: 26px;
     line-height: 1;
     color: #000;
     margin-bottom: 0;
     font-weight: 700!important;
}
 .contact-name p {
     margin-bottom: 1rem;
}
 .麻豆官网首页入口 .contact-card-wrapper:after {
     content: '';
     position: absolute;
     top: 31px;
     right: 0;
     width: 74%;
     height: 20px;
     background-color: #00AEEF;
}
 .Athens .contact-card-wrapper:after {
     content: '';
     position: absolute;
     top: 31px;
     right: 0;
     width: 75%;
     height: 20px;
     background-color: #003359;
}
 .contact-button {
     position: relative;
     padding: 5px 0;
}
 .contact-email a {
     color:#000;
     position: relative;
     padding: 5px 0;
     text-transform: lowercase;
}
 .contact-phone a, .contact-profile a {
     color:#000;
     position: relative;
     padding: 5px 0;
}
 .麻豆官网首页入口 .contact-button .fas {
     color: #00AEEF;
     margin-right:10px;
}
 .Athens .contact-button .fas {
     color: #003359;
     margin-right:10px;
}
 .contact-phone a:hover, .contact-email a:hover, .contact-profile a:hover {
     text-decoration:none;
}
 .contact-phone a:before, .contact-email a:before, .contact-profile a:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 3px;
     top: 0;
     left: 0;
     background-color: #00AEEF;
     transform: scaleX(0);
     transform-origin: top left;
     transition: transform 0.3s;
}
 .Athens .contact-phone a:before, .Athens .contact-email a:before, .Athens .contact-profile a:before {
     background-color: #003359;
}
 .contact-phone a:after, .contact-email a:after, .contact-profile a:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 3px;
     bottom: 0;
     right: 0;
     background-color: #00AEEF;
     transform: scaleX(0);
     transform-origin: bottom right;
     transition: transform 0.3s;
}
 .Athens .contact-phone a:after, .Athens.contact-email a:after, .Athens.contact-profile a:after {
     background-color: #003359;
}
 .contact-phone a:hover:before, .contact-email a:hover:before, .contact-profile a:hover:before {
     transform-origin: top right;
     transform: scaleX(1);
}
 .contact-phone a:hover:after, .contact-email a:hover:after, .contact-profile a:hover:after {
     transform-origin: bottom left;
     transform: scaleX(1);
}
 h3.area-title {
     font-size: 31px;
     margin: 2em 0 1em 0;
     color: #313534;
     text-align: center;
     font-weight: bold;
}
@media (min-width:768px) {
figure.con-feature-image {float:left; max-width:450px;}
figure.con-feature-image {height:auto;}	
a.now-hiring {
    background: #7ec247;
    color: #000;
	opacity:1;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 50px;
    margin: 25px 10px;
}	
}
#cta-section p.eyebrow, #cta-section a.btn.naked {
    color: #fff;
}
.profileCards-container.style1 .email a, .profileCards-container.style2 .email a {
    color: #003359 !important;
}
.badge-text {text-transform: uppercase!important; font-size: 16px;font-weight: bold;color: #007eac; margin-bottom: 0;letter-spacing: 1px;}
.nclex {font-size: 30px;font-family: 'Georgia', serif;color: #371539; margin-bottom:0;}
.badge-stat {font-size: 36px; line-height: 1; color: #003359; font-weight: bold; font-size: clamp( 3.955rem, calc(3.955rem + ((1vw - 0.48rem) * 1.831)), 5.273rem );}