@charset "utf-8";
/* GLOBAL STYLES */
/* VWU 2023 
font-family: 'Open Sans', sans-serif;
font-family: 'Martel', serif;
font-family: 'Kanit', sans-serif;
font-family: 'Merriweather', serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto Serif', serif;
font-family: 'Playfair Display', serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Noto Serif', serif;
font-family: 'Roboto Serif', serif;
'Anton', sans-serif;
757-455-3208
*/
/* GLOBAL STYLES */
body {
  /*color: #3b4148;
    color: #2d2d2d;
    color: #3b4148;*/
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Kanit', sans-serif;
  color: #003054;
}
#accessMenu {
  background-color: #0091b8;
}
#accessMenu li {
  padding: 0;
}
section {
  scroll-margin-top: 15rem;
}
a.skip-link {
  transition: top 1s ease-out 0s, background 1s linear 0;
  color: #fff;
  display: block;
  padding: 1em;
  text-align: center;
}
a.skip-link:focus {
  outline: 0;
  color: #fff;
  transition: top .1s ease-in 0s, background .5s linear 0;
}
.header {
  position: relative;
  /*box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
	background: rgba(0, 42, 76, 1);*/
  padding: 0;
}
.container-xl.navcontainer {
  padding: 0;
}
.logo {
  max-width: 220px;
  display: block;
  margin: 0;
}
a.logo {
  text-decoration: none;
}
/*.onlinelogo {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	border-left: 1px solid;
	font-size: 2.25rem;
	line-height: 1.75;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 1rem;
	font-weight: 100;
	padding: 0 0 0 1rem;
	margin-top: .75rem;
	display: block;
	float: right;
}*/
.onlinelogo {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  border-left: 1px solid;
  font-size: 3rem;
  line-height: 1.75;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  /* letter-spacing: 1rem; */
  font-weight: 100;
  padding: 0 0 0 .75rem;
  margin-top: .5rem;
  display: block;
  float: right;
}
.enrollment-nav-wrapper {
  width: 100%;
  background-color: #003c69;
}
.enrollment-menu {
  /*margin: 1rem 0 0;*/
  padding: 0;
}
/*.enrollment-menu > li {
  display: block;
  float: left;
  width: 50%;
}*/
.enrollment-menu > li > a {
  background-color: #003c69;
  color: #fff;
  font-size: .9rem;
  padding: 20px 32px;
  display: block;
  text-align: center;
  text-decoration: none;
  border: 1px solid #00365e;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
}
.enrollment-menu > li > a.applynow {
  color: #fff;
  background-color: #af4c1c;
  border-color: #a3471a;
}
.enrollment-menu > li > a:focus, .enrollment-menu > li > a:hover, .enrollment-menu > li > a:active {
  background-color: #004477;
  color: #fff;
}
.enrollment-menu > li > a.applynow:focus, .enrollment-menu > li > a.applynow:hover, .enrollment-menu > li > a.applynow:active {
  background-color: #c55620;
  color: #fff;
}
.main-nav.navbar {
  padding: 0;
  /*box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.45);*/
  z-index: 999;
}
#mainnavbar {
  position: relative;
}
#mainnavbar .nav-link {
  color: #002a4c;
  padding: .5rem;
  display: block;
  margin: 0 .5rem .5rem;
  font-weight: 600;
  font-size: 1.1rem;
}
#mainnavbar .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  right: 0;
  margin-top: 0;
}
.mainnav-trigger {
  color: #fff;
  background-color: #003c69;
  text-align: center;
  padding: 1.25rem 1.5rem;
  font-weight: 700;
  border-radius: 0;
  text-transform: uppercase;
  border: none;
  font-size: 1rem;
}
.mainnav-trigger span {
  font-size: 1.5rem;
  clear: both;
  display: block;
  margin-top: .5rem;
}
.mainnav-trigger:hover, .mainnav-trigger:active, .mainnav-trigger:focus, .mainnav-trigger:not(.collapsed) {
  background-color: #002a4c;
}
/*.mainnav-trigger, .mainnav-trigger.collapsed {
  color: #fff;
  background-color: #003c69;
  text-align: center;
  padding: 1.25rem 1.5rem;
  font-weight: 700;
  border-radius: 0;
  text-transform: uppercase;
  border: none;
}*/
#global-navbar {}
#global-navbar .navbar-mainmenu {
  background-color: #002a4c;
}
#global-navbar .navbar-mainmenu .nav-link {
  font-size: 1.3rem;
  padding: 1.5rem 0 1rem .75rem;
  border-top: 1px solid #01497f;
  border-bottom: 1px solid #011f39;
  color: #fff;
  line-height: 1.6;
  text-decoration: none;
  /*text-transform: uppercase;*/
  transition: all 0.5s ease;
  font-weight: 600;
}
#global-navbar .navbar-mainmenu .nav-link:active, #global-navbar .navbar-mainmenu .nav-link:focus, #global-navbar .navbar-mainmenu .nav-link:hover, #global-navbar .navbar-mainmenu .nav-link.active {
  background-color: #199cbf;
  color: #fff;
}
/*#global-navbar .dropdown.menu-fullwidth .dropdown-menu {
  background: rgba(255, 255, 255, 1);
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  top: 100%;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}*/
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#global-navbar .nav-link.wdd::after {
  transition: transform .2s ease-in-out;
  content: "\F4FA";
  background-image: none;
  font-family: "Bootstrap-icons";
  margin-left: 2rem;
  position: absolute;
  right: 20px;
}
#global-navbar .nav-link.wdd.show::after {
  content: "\F2E6";
}
#global-navbar .nav-link:hover, #global-navbar .nav-link:active, #global-navbar .nav-link:focus {
  color: #00a9d6;
}
.dropdown-menu.mega-menu {}
#global-navbar .dropdown-menu {
  padding: 1rem;
  border-radius: 0;
  border: 0;
}
#global-navbar .dropdown-item {
  color: #003c69;
  font-weight: 500;
  font-size: 1.1rem;
  padding: .5rem 0 .5rem 1rem;
  border-bottom: 1px solid #f1f1f1;
}
#global-navbar .navbar-mainmenu .menu-content {
  color: #013b6c;
  padding: 1rem 0;
}
#global-navbar .navbar-mainmenu.nav .dropdown-menu a {
  color: #013b6c;
  text-decoration: none;
  border: none;
  font-size: 1.2rem;
  padding: .75rem 0 .75rem .5rem;
  text-transform: none;
  display: block;
  margin-bottom: 2px;
  /* margin-left: 1.5rem; background-color: #f8f8f8;*/
  font-weight: 500;
}
#global-navbar .navbar-mainmenu .menu-content ul {
  list-style-type: none;
  padding: 0;
}
#global-navbar .navbar-mainmenu ul li.menu-head {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: .5rem;
  text-transform: uppercase;
  color: #003c69;
  padding-top: 1rem;
}
#global-navbar .navbar-mainmenu ul li.menu-head::after {
  background-color: #ccc;
  content: '';
  display: block;
  width: 78%;
  height: 3px;
  margin: .15rem 0 1rem 0;
}
a {
  color: #0080A3;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
.btn {
  border-radius: 0;
}
.btn-blue {
  background-color: #003155;
  color: #fff !important;
  text-decoration: none;
  padding: .75rem 1rem;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
  background-color: #005290;
  color: #fff;
}
.btn-teal {
  background-color: #0091b8;
  color: #fff !important;
}
.btn-teal:hover, .btn-teal:active, .btn-teal:focus {
  background-color: #017a9b;
  color: #fff !important;
}
.scrollup {
  display: none;
}
/**********  HOMEPAGE STYLES  **********/
.homepage-hero {
  height: 275px;
  text-align: center;
  color: white;
  overflow: hidden;
  background: #002a4c;
  background: linear-gradient(rgb(0, 0, 0, 0.8), rgb(0, 72, 0, 0.2)), url("/img/hero3.jpg");
  background: linear-gradient(rgb(0, 0, 0, 0.8), rgb(0, 0, 0, 0.2)), url("/img/hero3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 2rem .25rem;
}
.hero-heading {
	font-size: 2.75rem;
	font-family: 'Anton', sans-serif;
	color: #fff;
	margin-bottom: 2rem;
    text-shadow: 0.1rem 0.1rem 0.2rem #000;
}
.hero-subheading {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.homepage-hero a {
  color: #fff;
  text-decoration: none;
  border: 2px solid;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .6);
}
.constituent-cta {
  /*margin: 2rem 0 5rem 0;*/
}
.homepage-hero a:hover, .homepage-hero a:active, .homepage-hero a:focus {
  background-color: rgba(0, 145, 184, .7);
}
.constituent-box {
  border: 1px solid #bdbdbd;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  margin-bottom: 3rem;
  background-color: #fff;
}
.constituent-box a {
  text-decoration: none;
  color: #616161;
  display: block;
}
.constituent-box a:hover h2 {
  color: #0091b9;
}
/*.constituent-box a:hover p {
  color: #0091b9;
}*/
.constituent-text-wrapper {
  padding: .5rem .75rem;
}
.constituent-header {
  font-size: 1.5rem;
  margin: .75rem 0;
}
/**********    SECONDARY PAGES **********/
.main {
  margin: 3rem auto 0;
}
.page-title {
  padding: 0;
  /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%) #003c69; */
  /* background-color: #003c69; */
  /* border-bottom: 5px solid; */
  color: #003c69;
}
.page-title h1 {
	font-size: 3rem;
	text-transform: uppercase;
	line-height: 1;
	color: #003c69;
	margin: 1rem 0 3rem;
}
.page-leadin {
  color: #001f36;
  font-weight: 300;
  font-size: 1.3rem;
}
.page-leadin h2, .program-intro h2, h2.page-leadin {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 2rem;
  margin-top: 0 !important;
  font-weight: 500;
}
.page-leadin h2::after, .program-intro h2::after, h2.page-leadin::after {
  background-color: #ccc;
  content: '';
  display: block;
  width: 50%;
  height: 5px;
  margin: .5rem 0 2rem 0;
}
.main-text h1::after, .main-text h2::after {
  background-color: #ccc;
  content: '';
  display: block;
  width: 50%;
  height: 5px;
  margin: .5rem 0 2rem 0;
}
.page-leadin p {
  line-height: 1.8;
  font-size: 1.5rem;
}
.degree-type-info {
  background-color: #003c69;
  color: #fff;
  padding: 2rem 0;
  margin-bottom: 1.5rem;
  line-height: 1.125;
  text-align: center;
  text-transform: lowercase;
}
.degree-type-info.float-lg-end {
  padding: 2rem;
}
.degree-type-info ul, .program-details ul {
  list-style-type: none;
  padding-left: 0;
}
.degree-type-info li {
  margin-bottom: 1.5rem;
  line-height: 1.125;
  text-align: center;
  text-transform: lowercase;
}
.program-details {
  background-color: #003c69;
  color: #fff;
  padding: 2rem 1.25rem;
  margin-bottom: 1.5rem;
  line-height: 1.125;
  font-size: 1.5rem;
}
.program-details li {
  margin-bottom: 1.5rem;
  line-height: 1.125;
}
.degree-type-info strong {
  /* color: #F18F01;
    color: #EAF6FF;
  color: #FFBE0B;
    color: #FF8811;
    color: #FFE66D;
    color: #32c1e7;
    color: #58FCEC;*/
  color: #FFBE0B !important;
  font-size: 3rem;
  text-align: center;
  text-transform: capitalize;
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  display: block;
  letter-spacing: 1px;
}
.degree-type-info .xlstrong strong {
  font-size: 3.5rem;
}
.program-heading:first-of-type {
  /*margin-top: 3rem;*/
}
.program-heading {
  font-size: 2.25rem;
  text-align: center;
  margin: 0 0 2rem;
  text-transform: uppercase;
  /*color: #7EA8BE;*/
  color: #0094C6;
  /* color: #7EA8BE; */
}
.program-heading::after {
  content: none!important;
}
.degree-block {
  margin: 0rem 0 2rem 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 2rem;
}
.degree-text-block {
  position: relative;
  padding-top: 2rem;
}
.degree-text-block a {
  color: #003054;
  text-decoration: none;
  line-height: .9;
  font-size: 2rem;
}
.degree-block h3 span {
  color: #737373;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.25rem;
}
.degree-text-block a:hover, .degree-text-block a:active, .degree-text-block a:focus {
  /*color: #0091b8;*/
  text-decoration: underline;
}
/********** DEGREE PAGES ***********/
.degree-hero {
  height: 200px;
  width: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background: #002a4c; /* fallback for old browsers */
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
/*.business, .criminaljustice, .comp, .ees, .mis, .musicprod {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.business {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("/img/undergraduate/ba-header.jpg");
}
.criminaljustice {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("/img/undergraduate/cj-header.jpg");
}
.comp {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("/img/undergraduate/comp-header.jpg");
}
.comp {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("/img/undergraduate/comp-header.jpg");
}*/
.degree-heading {
  font-size: 2.75rem;
  font-family: 'Anton', sans-serif;
  color: #fff;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}
.degree-hero a {
  color: #fff;
  text-decoration: none;
  border: 2px solid;
  padding: 1rem 3rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}
.degree-hero a:hover, .degree-hero a:active, .degree-hero a:focus {
  background-color: #0091b8;
}
.section-menu-wrapper {
  background-color: #00385e;
  /*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);*/
}
.section-nav .nav-item:first-child {
  border-top: none;
  border-left: none;
}
.section-nav .nav-item {
  border-top: 1px solid #014476;
  border-bottom: 1px solid #00111e;
  margin: 0;
  padding: .2rem 0;
}
.section-nav .nav-item a {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}
.section-nav .nav-item {
  margin: 0;
  text-align: center;
}
.section-nav .nav-item a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 1.25rem 2.5rem;
}
.section-nav .nav-link:active, .section-nav .nav-link:focus, .section-nav .nav-link:hover, .section-nav .nav-link.active {
  background-color: #199cbf;
  color: #fff;
}
.section-nav .nav-item:last-child {
  border-right: none;
}
.degree-wrapper h2, .main h2, .ewp-wrapper h2 {
  font-size: 2.25rem;
}
.degree-wrapper h2.text-center::after, .main h2.text-center::after, .ewp-wrapper h2.text-center::after {
  background-color: #ccc;
  content: '';
  display: block;
  width: 10%;
  height: 5px;
  margin: .5rem auto 2rem auto;
}
.degree-wrapper h2::after, .main h2::after, .ewp-wrapper h2::after {
	background-color: #ccc;
	content: '';
	display: block;
	width: 50%;
	height: 5px;
	margin: .5rem 0 2rem 0;
}
.degree-wrapper h3, .main h3, .ewp-wrapper h3 {
  color: #005290;
  margin-top: 2rem;
}
.degree-wrapper h4, .main h4, .ewp-wrapper h4 {
  color: #0073ca;
  margin-top: 2rem;
}
.degree-wrapper h5, .main h5, .ewp-wrapper h5 {
  color: #008af1;
  margin-top: 3rem;
}
.degree-wrapper strong, .main strong, .ewp-wrapper strong, .main-text strong {
  color: #003c69;
  font-weight: 700;
}
.degree-intro h2:first-child, .program-intro h2:first-child {
  margin-top: 0;
}
.degree-intro strong, .program-intro strong {
  color: #003c69;
}
.program-intro h2 {}
.degree-info-aside, .degree-type-info {
  background-color: #003054;
  color: #fff;
  padding: 1rem .5rem;
  text-align: center;
}
.degree-info-aside h2, .program-details h2, .degree-type-info h2 {
  color: #fff;
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
  font-family: 'Anton', sans-serif;
  text-align: center;
}
.degree-info-aside h2::after, .program-details h2::after, .degree-type-info h2::after {
  content: none;
}
.degree-info-aside ul, .degree-type-info ul {
  list-style-type: none;
  padding-left: 0;
}
.degree-info-aside ul li, .degree-type-info ul li {
  margin-bottom: 1.5rem;
  line-height: 1.125;
  text-align: center;
  text-transform: lowercase;
}
.degree-info-aside ul li strong, .degree-type-info ul li strong {
  /*color: #4cb2cd;*/
  color: #FFBE0B !important;
  font-size: 2.75rem;
  text-align: center;
  text-transform: capitalize;
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
}
.btn.btn-global-degree {
  color: #fff;
  font-weight: 700;
  border-radius: 0;
  background-color: #BB4430;
  padding: .75rem .5rem;
  text-transform: uppercase;
  font-size: 1rem;
}
.btn.btn-global-degree:hover, .btn.btn-global-degree:active, .btn.btn-global-degree:focus {
  /* border: 2px solid #BB4430; */
  color: #fff;
  background-color: #8a3229;
}
.course-information {
  background-color: #f1f1f1;
  padding: 2rem 0 0;
  margin-top: 2rem;
}
.course-information a {
  color: #003c69;
}
#accordionVWU {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#accordionVWU h3.accordion-header, #accordionVWU h2.accordion-header {
  margin: 0;
}
#accordionVWU h3.accordion-header::after, #accordionVWU h2.accordion-header::after {
  content: none;
}
#accordionVWU .accordion-item .accordion-button, #accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem;
  background-color: transparent;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#accordionVWU .accordion-body {
  padding: 1rem 1.25rem;
}
.accordion-flush .accordion-item {
  background-color: transparent !important;
}
#accordionVWU .accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #003c69;
}
.career-outcomes {
  padding: 2rem 0;
}
.careerlist li {
  margin-bottom: 3rem;
}
.why {
  background-color: rgba(0, 42, 76, 1);
  text-align: center;
  padding: 2rem 0;
  color: #FFF;
}
.why h2 {
  color: #fff;
}
.why.why-home h2 {
  font-size: 3rem;
}
.why h2::after {
  background-color: #4bbedd;
  content: '';
  display: block;
  width: 20%;
  height: 5px;
  margin: .5rem auto 2rem auto;
}
.why-vwu .why-heading {
  font-size: 1.6rem;
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
}
.why-block img {
  max-width: 150px;
  height: auto;
}
.why-vwu .why-heading {
  font-size: 1.6rem;
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}
.admissions {
  color: #002d50;
  padding: 2rem 0;
}
.admissions h2, .admissions h3 {}
.admissions a:not(.btn) {
  color: #001f36;
  text-decoration: underline;
}
.degree-cta{
	/*background-color: #018eb5;*/
    background-color: #DDDDDD;
    padding: 2rem 0;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}
.degree-cta.plain {
  background-color: #fff;
}

.ewp-cta {
  padding: 2rem 0;
  background-color: #003c69;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}
.degree-blurb {
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: 500;
  margin: 0 0 2rem;
  text-align: center;
  line-height: 1;
  color: #003c69;
}
.btn-learn-more, .btn-apply-now {
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  text-transform: uppercase;
  padding: .75rem .5rem;
  border-radius: 0;
}
.ewp-cta .btn-learn-more {
  background-color: transparent;
  color: #FFFFFF;
  border: 3px solid #fff;
}
.ewp-cta .btn-learn-more:hover, .ewp-cta .btn-learn-more:focus, .ewp-cta .btn-learn-more:active {
  background-color: transparent;
  color: #FFFFFF;
  border: 3px solid #fff;
}
.btn-learn-more {
  background-color: #12355B;
}
.btn-learn-more:hover, .btn-learn-more:focus, .btn-learn-more:active {
  background-color: #164a7c;
  text-decoration: underline;
  color: #fff;
}
.btn-apply-now {
  background-color: #027FA2;
  border: 1px solid #018EB5;
  color: #fff;
}
.btn-apply-now:hover, .btn-apply-now:focus, .btn-apply-now:active {
  background-color: #029cc7;
  text-decoration: none;
  color: #fff;
}
.float-lg-end {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#main p > b, #main p > strong, #main ul > li > strong {
  color: #003c69;
}
#main h2 {
  margin: 3rem 0 2rem 0;
}
.float-end {
  margin-bottom: 2rem;
}
.list-nobullets {
  list-style: none;
}
.list-nobullets li {
  margin-bottom: 1rem;
}
.degree-wrapper h3, .main h3, .ewp-wrapper h3 {
  color: #005290;
  font-size: 2rem;
}
.degree-text-block h3 {
  margin-top: 0 !important;
}
.financial-aid {
  background-color: #f3f3f3;
  padding: 3rem 0;
  color: #4F4F4F;
}
.financial-aid a {
  color: #005066;
  font-weight: 600;
}
#ewp-degrees {
  padding: 2rem 0;
}
#ewp-degrees h2 {
  margin-bottom: 2rem;
}
.blockquote {
  border-left: 5px solid #003c69;
  padding: 10px 20px;
  margin: 3rem auto;
  color: #003c69;
}
.topnav {
  background-color: #001e36;
  border-top: 5px solid #c85a00;
}
.enrollment-nav .nav-link, .student-nav .nav-link {
  color: #fff;
  font-size: .8rem;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
}
.enrollment-nav {
  padding: .5rem 0;
}
.enrollment-nav .nav-link {
  margin: 0;
  border-radius: 3px;
  background-color: #C05702;
  font-weight: 600;
}
.enrollment-nav .nav-link:active, .enrollment-nav .nav-link:focus, .enrollment-nav .nav-link:hover {
  background-color: #fff;
  color: #914201;
}
.header-wrapper {
  /*	background-color: rgba(0,56,97,1);
	z-index: 9;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.75);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.75);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.75);*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.footer-wrapper {
  background-color: rgb(0, 42, 76);
  color: #fff;
  padding: 2rem 0;
  font-size: 1.2rem;
}
.contact-links li {
  color: #fff;
  display: block;
  margin: 0;
  text-decoration: none;
  padding: .5rem 1rem;
}
.light-teal {
  color: #18bae4;
}
.copyright-wrapper {
  color: #fff;
  background-color: #002543;
  padding: 1rem 0;
}
.copyright {
  color: #fff;
  text-align: center;
  font-size: .8rem;
}
.copyright-links .nav-link {
  color: #fff;
  text-align: center;
  padding: 1rem .25rem;
  font-weight: 500;
  font-size: .8rem;
  margin: .25rem;
}
.footer-wrapper h2, .footer-wrapper h3 {
  color: #fff;
  line-height: 1;
  font-family: 'Kanit', sans-serif;
}
.footer-wrapper h2 {
  font-size: 2.25rem;
  color: #fff !important;
}
.contact-links a {
  color: #fff;
  text-decoration: none;
}
.contact-links a:hover, .contact-links a:active, .contact-links a:focus {
  text-decoration: underline;
}
.social-wrapper {}
.social-nav .nav-link {
  display: block;
  padding: .5rem 1rem;
  color: #fff;
  font-size: 1.5rem;
}
.constituent-section {
  padding: 4rem 0 2rem;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/news3.png");
}
.constituent-box img {
  /*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	margin-bottom: 3rem;*/
}
.constituent-box a:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.constituent-box a .constituent-header {
  color: #003054;
  font-size: 1.5rem;
  padding: 0;
  margin: 1rem 0 .5rem;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s;
}
.constituent-header {
  font-size: 1.75rem;
  text-transform: uppercase;
}
.financial-cta {
  background-color: #e1e1e1;
}
.financial-cta h2 {
  font-size: 2.5rem;
}
.fin-box {
  text-align: center;
  padding: 2rem 1rem;
  border-top: 1px solid #ccc;
    color: #2a2a2a;
  /* border-left: 1px solid #e1e1e1; */
}
@media (min-width: 375px) {
  .homepage-hero {
    height: 350px;
  }
  .logo {
    max-width: 250px;
  }
  .hero-heading {
    font-size: 3rem;
  }
  .hero-subheading {
    font-size: 1.2rem;
  }
  .constituent-header {
    font-size: 2.5rem;
  }
  /**********    SECONDARY PAGES **********/
  .degree-info-aside ul li strong, .degree-type-info ul li strong {
    font-size: 2.5rem;
  }
}
@media (min-width: 414px) {
  .logo {
    max-width: 275px;
  }
  .hero-heading {
    font-size: 3.25rem;
  }
  .hero-subheading {
    font-size: 1.4rem;
  }
  .homepage-hero a {
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
  }
  /**********    SECONDARY PAGES **********/
  .degree-info-aside ul li strong, .degree-type-info ul li strong {
    font-size: 2.75rem;
  }
  /********** DEGREE PAGES ***********/
  .degree-wrapper h2, .main h3, .ewp-wrapper h3 {
    font-size: 2.5rem;
  }
  .degree-wrapper h3, .main h3, .ewp-wrapper h3 {
    color: #005290;
    font-size: 2rem;
  }
  .degree-info-aside {
    padding: 2rem .5rem 3rem;
    ;
  }
  .degree-info-aside h2 {
    font-size: 2.75rem;
  }
}
@media (min-width: 576px) {
  .page-title h1 {
    font-size: 3.5rem;
  }
  /**********    SECONDARY PAGES **********/
}
@media (min-width: 768px) {
  .logo {
    max-width: 350px;
  }
  .mainnav-trigger, .mainnav-trigger.collapsed {
    padding: 1.25rem 2rem;
  }
  .homepage-hero {
    height: 375px;
    padding-top: 2rem 1rem 2rem;
  }
  .hero-heading {
    font-size: 4.5rem;
  }
  .hero-subheading {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  .constituent-cta {
    /*margin: 3rem 0 5rem 0;*/
  }
  .constituent-header {
    font-size: 2rem;
  }
  /**********    SECONDARY PAGES **********/
  .degree-text-block a {
    color: #003054;
    text-decoration: none;
    line-height: .9;
    font-size: 2.25rem;
  }
  .degree-type-info {
    padding: 2rem 1rem;
  }
  .degree-info-aside ul li strong, .degree-type-info ul li strong {
    font-size: 3.25rem;
  }
  .scrollup {
    position: fixed;
    right: 15px;
    bottom: 0;
    background: #002a4c;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;
    display: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.5rem;
  }
  .scrollup:hover {
    background: #18bae4;
    color: #fff;
  }
  /********** DEGREE PAGES ***********/
  .degree-hero {
    height: 325px;
  }
  .degree-heading {
    font-size: 3.5rem;
  }
  .section-nav .nav-item {
    border-right: 1px solid #014476;
    border-left: 1px solid #00111e;
    padding: 0;
  }
  .section-nav .nav-item:first-child {
    border-top: none;
    border-bottom: none;
  }
  .section-nav .nav-item a {
    padding: 1.25rem .75rem;
    font-size: 1.05rem;
  }
  .degree-wrapper h2::after, .main h2::after, .ewp-wrapper h2::after,.main-text h1::after, .main-text h2::after {
    width: 20%;
  }
  .degree-info-aside h2 {
    font-size: 3.5rem;
  }
  .btn.btn-global-degree {
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    background-color: #BB4430;
    padding: .75rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.25rem;
  }
  .degree-blurb {
    font-size: 3rem;
    font-weight: 600;
  }
  .btn-learn-more, .btn-apply-now {
    font-size: 1.25rem;
    padding: .75rem 2rem;
  }
  .col-md-6.why-block {
    padding: 1rem;
  }
  .why-block {
    padding: 1rem 4rem;
  }
  #ewp-degrees h2 {
    margin-bottom: 3rem;
  }
  .enrollment-nav {
    padding: 0;
  }
  .enrollment-nav .nav-link {
    font-size: .75rem;
    padding: .9rem .6rem;
    height: auto;
    margin: 0;
    color: #fff;
    border-radius: 0;
    /* border-right: 1px solid #107995; */
    /* border-left: 1px solid #2ec1e8; */
    border-right: 1px solid #8e4001;
    border-left: 1px solid #dd6402;
    text-transform: uppercase;
  }
  .enrollment-nav .nav-link:active, .enrollment-nav .nav-link:focus, .enrollment-nav .nav-link:hover {
    background-color: #914201;
    color: #fff;
  }
.constituent-box {
	margin: 2rem auto;
	max-width: 400px;
	background-color: #fff;
}
}
@media (min-width: 992px) {
  .homepage-hero {
    height: 450px;
    padding: 6rem 1.25rem 2rem;
  }
.hero-heading {
	font-size: 4.25rem;
	margin-bottom: 6rem;
}
  .hero-subheading {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  .constituent-box {
    /*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
    margin-bottom: 3rem;
    max-width: 400px;
  }
  .financial-cta h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .constituent-header {
    font-size: 1.395rem;
  }
  .degree-info-aside ul li strong, .degree-type-info ul li strong {
    font-size: 2rem;
  }
  /**********    SECONDARY PAGES **********/
  .program-heading {
    margin-top: 3rem;
  }
  .degree-text-block {
    padding-top: 0;
  }
  .degree-block h3 {
    margin-bottom: .5rem;
  }
  .degree-text-block a {
    font-size: 2rem;
  }
  /********** DEGREE PAGES ***********/
  .degree-hero {
    height: 450px;
  }
  .degree-heading {
    font-size: 4.5rem;
  }
  .section-nav .nav-item a {
    padding: 1.25rem 1.75rem;
  }
  .degree-info-aside h2 {
    font-size: 2.5rem;
  }
  .degree-info-aside ul li strong {
    font-size: 2.25rem;
  }
  .btn.btn-global-degree {
    font-weight: 700;
    padding: .75rem .5rem;
    font-size: 1rem;
  }
  .degree-blurb {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0;
  }
  .float-lg-end {
    margin-top: 0;
    margin-left: 2rem !important;
    margin-bottom: 1rem;
  }
  #global-navbar .navbar-mainmenu .nav-link {
    font-size: 1.15rem;
    padding: 1.5rem 3.25rem;
    border-top: none;
    border-bottom: none;
    color: #fff;
    line-height: normal;
    text-decoration: none;
    transition: all 0.5s ease;
    font-weight: 500;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
  }
  /*#global-navbar .nav-link.wdd::after {
	content: "\F229";
	color: #002a4c;
	vertical-align: .255em;
	right: 0;
	font-size: .8rem;
	margin-top: .25rem;
}*/
  /*  #global-navbar .nav-link.wdd::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    right: 0;
    top: .5rem;
  }*/
  #global-navbar .nav-link.wdd::after {
    content: '';
    display: inline-block;
    float: right;
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(135deg);
    transition: all .3s;
    position: absolute;
    top: 28px;
    right: 15px;
  }
  #global-navbar .dropdown-menu {
    min-width: 275px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25);
    border-bottom: 5px solid #0091b8;
    width: max-content;
    padding: 0;
  }
  #global-navbar .nav-link.wdd.show::after {
    content: "";
    transform: rotate(-45deg);
    top: 33px;
  }
  #global-navbar .dropdown-menu.menu-fullwidth {
    padding: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    box-shadow: none;
  }
  #global-navbar .navbar-mainmenu.nav .dropdown-menu a {
    color: #013b6c;
    text-decoration: none;
    border: none;
    font-size: 1.15rem;
    padding: .5rem 1.75rem;
    text-transform: none;
    display: block;
    font-weight: 600;
  }
  #global-navbar .navbar-mainmenu.nav .dropdown-menu a:hover, #global-navbar .navbar-mainmenu.nav .dropdown-menu a:active, #global-navbar .navbar-mainmenu.nav .dropdown-menu a:focus {
    background-color: #003c69;
    color: #fff;
  }
  #global-navbar .navbar-mainmenu.nav .dropdown-menu.menu-fullwidth a {
    padding: .25rem 0;
  }
  .footer-contact-wrapper {
    /*padding-left: 2rem;*/
  }
}
@media (min-width: 1200px) {
    .header {
	padding: 0 0 .25rem 0;
}
    .hero-heading {
	font-size: 5rem;
}
    .hero-subheading {
	font-size: 3.25rem;

}
  .enrollment-nav-wrapper {
    width: auto;
    background-color: transparent;
    margin-top: 1rem;
  }
  .nav-justified .nav-item .nav-link {
    width: auto;
  }
  .enrollment-menu > li > a {
    background-color: #003c69;
    color: #fff;
    font-size: .9rem;
    padding: .75rem 1.25rem;
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #00365e;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 .25rem;
    white-space: nowrap;
  }
    #global-navbar .navbar-mainmenu .nav-link {
	padding: 1.5rem 1.25rem;
}
  .contact-links li {
    display: inline-block;
    margin: .25rem 0;
  }
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
  }
  .logo {
    max-width: 325px;
    margin-right: .5rem;
  }
  .mainnav-trigger {
    display: none;
  }
  .main-nav.navbar {
    padding: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    background: rgba(0, 42, 76, 1);
    z-index: 999;
    /* background: #00385e; 
    border-bottom: 3px solid #0091b8;*/
  }
  #global-navbar .navbar-mainmenu {
    background-color: transparent;
    width: 100%;
  }
  /*      #global-navbar .navbar-mainmenu .nav-item {
    position: static;
  }*/
  #global-navbar .main-nav .navbar-header {
    width: auto;
  }
  #global-navbar .navbar-mainmenu ul li.menu-head {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 .5rem 1rem;
    text-transform: uppercase;
    color: #003c69;
  }
  .homepage-hero {
    height: 525px;
  }
    .financial-cta h2 {
	font-size: 2.1rem;
	line-height: 1;
}
    .constituent-section {
	padding: 2rem 0 2rem;
	margin: 0;
	background-color: #002a4c;
	position: relative;
	background-image: url("/img/news3.png");
}
  .constituent-header {
    font-size: 1.39rem;
  }
  /**********    SECONDARY PAGES **********/
  .degree-type-info strong {
    font-size: 2.5rem;
  }
  .program-heading {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  .degree-block h3 {
    margin-bottom: .75rem;
    line-height: .85;
  }
  /********** DEGREE PAGES ***********/
  .degree-hero {
    height: 455px;
  }
  .section-nav .nav-item a {
    padding: 1.25rem 2.75rem;
  }
  .degree-info-aside ul li strong, .degree-type-info ul li strong {
    font-size: 2.5rem;
  }
}
@media (min-width: 1300px) {
  .degree-hero {
    height: 500px;
  }
    .hero-heading {
	font-size: 5.25rem;
}
}
@media (min-width: 1400px) {
  .homepage-hero {
    height: 575px;
    padding-top: 7rem;
  }
    #global-navbar .navbar-mainmenu .nav-link {
	padding: 1.5rem 1.75rem;
}
    .logo {
	max-width: 350px;
	margin-right: .5rem;
}
  /********** DEGREE PAGES ***********/
  .degree-hero {
    height: 600px;
  }
  /*#global-navbar .navbar-mainmenu .nav-link {
    padding: 1.25rem 2.5rem 1.25rem .75rem;
  }*/
  #global-navbar .nav-link.wdd::after {
    top: 28px;
    right: 25px;
  }
}
@media (min-width: 1500px) {
    
}
@media (min-width: 1600px) {
  .degree-hero {
    height: 640px;
  }
    .hero-heading {
	font-size: 6rem;
}
    #global-navbar .navbar-mainmenu .nav-link {
	padding: 1.5rem 2rem;
}
}
@media (min-width: 1700px) {}
@media (min-width: 1800px) {}
@media (min-width: 1900px) {}
@media (min-width: 1900px) {
  .degree-hero {
    /*height: 750px;*/
    height: 665px;
  }
}
.directory-listing a, .directory-listing a {
  text-decoration: none;
  color: #003c69;
}
.directory-listing .job-name {
  font-weight: 700;
  margin: 0;
}
.directory-listing .job-title {
  margin: 0;
  font-style: italic;
  line-height: 1.2;
}
.directory-listing .job-email, .directory-listing .job-office, .directory-listing .job-phone {
  margin: 0;
}
h2 h3 {
  color: #ccc;
}
h3 h4 {
  color: #ccc;
}
.accordion {
  background-color: transparent !important;
}
@media (min-width: 375px) {}
@media (min-width: 414px) {}
@media (min-width: 576px) {
  .page-title h1 {
    font-size: 3.5rem;
  }
}
.graduate-info {
  border-left: 6px solid #003c69;
  padding-left: 1rem;
  border-top: none;
  font-size: 1.35rem
}
.graduate-info p {
  margin-bottom: 2rem;
}
.btn.btn-cta {
  display: block;
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}