:root {
		--islander-blue: #0067C5; 
		--islander-green: #007f3e;
		--deep-end-blue: #001A31;
		--izzy-blue: #1C92D1;
		--black: #000;
		--white: #fff;
		--silver: #9EA2A4;
		--silver-rgba: rgba()
		--cool-gray: #63666A;
		--light-cool-gray: #C8C9C7;
		--light-cool-gray-rgba: 200,201,199;
		--input-border: 1px solid var(--light-cool-gray);
	}
/* from old page */
 .cta-group {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: end;
}
.button-margin{
    margin: 1em 0;
}
@media print, screen and (min-width: 30em) {

    .button:only-child {
    width: 98%;
    margin: .5rem 0 .5rem 0;
}
}
@media print, screen and (min-width: 30em) {

    .button2:only-child {
    width: 100%;
    margin: .5rem 0 0 0;
}
}

@media screen and (min-width: 75.9375em){
    .button {
    margin-bottom: 1.0rem;
}
}
.button--ghost {
    min-height: 3.55rem;
    padding: .5rem .375rem .375rem;
}
.button--ghost2 {
    min-height: 2.75rem;
    padding: .5rem .375rem .375rem;
}

/*.user-markup a:link {
    color: inherit;
    text-decoration: none!important;
}*/
@media print, screen and (min-width: 48em) {
.h3, h3 {
    font-size: 1.4rem;
}
}
.user-markup h1, .user-markup h2, .user-markup h3, .user-markup h4, .user-markup h5, .user-markup h6 {
    margin: 0 0 1.875rem 0!important;
}
.contentMain img {
    display: inline;
    margin: 5px 5px 5px 0px;
}

*, *:before, *:after {
  box-sizing: inherit;
}
.user-markup img {
    margin: 0 0 1rem 0 !important;
}
.column2 {
  float: left;
  width: 25%;
  margin-bottom: 16px;
  padding: 0 8px;
}
.h2, h2 {
    font-size: 19px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
    margin: 0 0 3px;
}

@media (max-width: 365px) {
.column2 {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 8px;
}
}

 @media (max-width: 767px) {
.column2 {
    float: left;
    width: 45.3%;
    margin-bottom: 16px;
    padding: 0 8px;
}
 }

 @media (max-width: 991px) {
.column2 {
    float: left;
    width: 255px;
    margin-bottom: 16px;
    padding: 0 8px;
    height: 100%;
}
 }
 
 

@media (min-width: 768px) and (max-width: 991px) {
  .column2 {
    float: left;
    width: 33.33%;
    margin-bottom: 16px;
    padding: 0 8px;
}
.card2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    height: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .column2 {
    float: left;
    width: 33.33%;
    margin-bottom: 16px;
    padding: 0 8px;
}
.card2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    height: 100%;
}
}
 @media (min-width: 1200px) {
     .column2 {
    float: left;
    width: 30%;
    margin-bottom: 16px;
    padding: 0 8px;
}
.card2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}
 }
.card2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.container2 {
  padding: 5px;
  height: 8.5rem;
}

.container2::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: #000;
  font-size: 12px!important;
font: 12px/20px arial,sans-serif;

}

.button {
  cursor: pointer;
  width: 100%;
}


@media print, screen and (min-width: 48em) {
.h3, h3 {
    font-size: 1.7rem;
}
}
.user-markup h1, .user-markup h2, .user-markup h3, .user-markup h4, .user-markup h5, .user-markup h6 {
    margin: 0 0 1.875rem 0!important;
}
.contentMain img {
    display: inline;
    margin: 5px 5px 5px 0px;
}

*, *:before, *:after {
  box-sizing: inherit;
}
/*.user-markup img {
    margin: .375em .75em 0em 0!important;
}

img {
    display: flow;
}*/
.column2 {
  float: left;
  width: 25%;
  margin-bottom: 16px;
  padding: 0 8px;
}
.h2, h2 {
    font-size: 19px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
    margin: 0 0 3px;
}

@media (max-width: 365px) {
.column2 {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 8px;
}
}

 @media (max-width: 767px) {
.column2 {
    float: left;
    width: 45.3%;
    margin-bottom: 16px;
    padding: 0 8px;
}
 }

 @media (max-width: 991px) {
.column2 {
    float: left;
    width: 255px;
    margin-bottom: 16px;
    padding: 0 8px;
    height: 100%;
}
 }
 
 

@media (min-width: 768px) and (max-width: 991px) {
  .column2 {
    float: left;
    width: 33.33%;
    margin-bottom: 16px;
    padding: 0 8px;
}
.card2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    height: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .column2 {
    float: left;
    width: 33.33%;
    margin-bottom: 16px;
    padding: 0 8px;
}
.card2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    height: 100%;
}
}
 @media (min-width: 1200px) {
     .column2 {
    float: left;
    width: 30%;
    margin-bottom: 16px;
    padding: 0 8px;
    /*height: 30rem;*/
}
.card2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}
 }
.card2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.container2 {
  padding: 5px;
}

.container2::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: #000;
  font-size: 12px!important;

}

.button {
  cursor: pointer;
  width: 100%;
}


.contact-information__location {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: .3rem;
}
.contact-information__name {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
font-style: normal!important;
}
.contact-information__title2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}
.contact-information__title {
  color: #004d94;
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.4;
  margin-bottom: .7rem;
}

/* redesign */

iframe {
	border: none;
}
.missing {
	background-color: yellow;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

	.hero .background__image {
		align-content: center;
		padding-left: 20%;
		 background-position: 30% 50%;
	}
@media (max-width: 1200px) {
  /* CSS styles for viewports 1000px and down */
	.hero .background__image {
		    background-position: 50% 50%;
	}
}

	.background--overlay-bottom:after {
		display: none;
	}
	.background--overlay-bottom .background__image:after,
.subsection:after {
		background: linear-gradient(-90deg, rgba(0, 52, 99, 0) 0%, rgba(0, 52, 99, 0.6) 67.53%, #003463 100%);
		content: '';
		transform: translate3d(0, 0, 1px);
		z-index: -2;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
.hero--medium .hero__inner {
    min-height: 40rem;
}
.hero--medium .hero__column {
	min-height: 36rem !important;
	padding-top: 9.5rem !important;
}
	@media print, screen and (min-width: 64em) {
    .hero--small .hero__column {
       justify-content: center;
       padding-top: 0;
       min-height: 55vh;
    }
    .hero--small .hero__inner {
        min-height: 60vh;
}

 .hero--medium .hero__column {
       justify-content: center;
       padding-top: 0;
       min-height: 77vh;
    }
    .hero--medium .hero__inner {
        min-height: 50rem;
}
}

	.hero h1 {
		font-weight: 400;
	}
h2,
h2.page-header {
	font-size: 2.75rem;
}
.user-markup h3 {
	font-size: 2.375rem;
}

.page-header, 
.user-markup h2 {
	padding-bottom: 0;
}
	.page-header:after,
.user-markup h2:after {
		display: none !important;
	
	}
.user-markup ul {
	margin-left: 3rem;
}
	.hero p {
		font-size: 1.5rem;
	}
.user-markup p {
	overflow: visible !important;
}
.user-markup p:has(+ ul) {
	margin-bottom: .5rem;
}
@media (max-width: 64em) {

.hero--medium .hero__column {
	justify-content: center;
	padding-top: 6rem !important;
	min-height: 26rem !important;
}
	.hero h1 {
		font-size: 2.5rem;
	
	}
}
@media (max-width: 768px) {
	.hero h1 {
		font-size: 2rem;
	}
	.hero p {
		font-size: 1.25rem;
	}
}
.grouping--standard {
	background-color: #fff;
	padding-bottom: 0;
}
	.grouping__inner.component,
	.subsection-inner-content {
		max-width: 87.5rem;

		background-color: transparent;
		
	}


	@media screen and (max-width: 414px) {
		.grouping--standard {
			margin-top: -17.5rem;
		}
		.hero h1 {
		font-size: 1.5rem;
	}
	.hero p {
		font-size: 1rem;
	}
		.hero--medium .hero__column {
	padding-top: 6rem;
	min-height: 22.5rem !important;
}
	}

h1+.component {
	margin-top: 2rem !important;
}
.content .component+.component {
/*	margin-top: 3rem !important;*/
}
.page-header {
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
}
.user-markup h1, .user-markup h2, .user-markup h3, .user-markup h4, .user-markup h5, .user-markup h6 {
	font-style: normal;
	font-weight: 400;
	margin-bottom: 0.75rem !important;
	margin-top: 1rem !important;
}
.user-markup h4,
h4 {
	/* font-weight: 400; */
	font-size: 1.728rem;
	
}
.user-markup h5,
h5 {
	font-weight: 400;
	font-size: 1.5rem;
	font-style: italic;
}
	.label {
    font-size: 1rem;
    padding: 0.3rem;
    display: inline-block;
    border-radius: 13px;
    margin-bottom: 6px;
}
@media (min-width: 1024px) {
article.large-push-3 {
    border-left: 1px solid var(--light-cool-gray);
    padding-left: 3rem;
}
}
[class*="grid"] {
	padding: 0;
	display: grid;
	margin: auto;
	
}
.grid-2-3 {
	grid-template-columns: 2fr 1fr;
}
.grid-2-4 {
	grid-template-columns: 2fr 1fr 1fr;
}
.grid-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-2 {
	grid-template-columns: 1fr 1fr;
}
[class*="grid"] div a {
	text-decoration: none !important;
}
[class*="grid"] > div {
	border-left: solid var(--silver) 1px;
	padding-left: 2rem;
	transition: all 0.25s ease;
}
[class*="grid"] > div:first-child {
	border-width: 0;
	padding-left: 0;
}
[class*="grid"] .location {
	display: flex;
	
}
[class*="grid"] .location > div {
	width: 50%;
}
[class*="grid"] > div a {
	display: block;
	transition: all 0.25s ease-in-out;
}
[class*="grid"].cross-links > div:hover a {
	transform: translateY(-1rem);
}
[class*="grid"].cross-links > div:hover a h4.info-data {
	color: var(--islander-blue) !important;
}
@media (max-width: 64em) {
	.grid-2-4 {
    grid-template-columns: 1fr 1fr;
  }

  /* Location spans full width */
  .grid-2-4 .location {
    grid-column: 1 / -1;
	  padding-bottom: 1rem;
  }

  /* Credit hours side-by-side */
  .grid-2-4 .credit-hours {
    grid-column: span 1;
  }
	.grid-2-4 .credit-hours {
		border-left: 0;
		padding-left: 0;
	}
	.grid-2-4 .credit-hours:last-child {
	}
	.grid-3 {
	grid-template-columns: 1fr;
		
}
	.grid-3 div {
		padding-bottom: 1rem;
		padding-left: 0 !important;
		border-left-width: 0;
	
	}
	.info-data, .info-data a:link, .user-markup h4.info-data,
	.info-label{
		text-align: center !important;
	}
	.contact-information {
		text-align: center;
		margin-top: 2rem;
	}
	.subsection.full-width .grouping__inner {
		padding-left: 3rem;
	}

}
.info-data,
.info-data a,
.info-data a:visited,
.info-data a:link,
.user-markup h4.info-data {
	font-weight: 500;
	font-size: 2.0rem;
	text-align: left;
	padding-left: 0 !important;
	color: var(--islander-green) !important;
	text-decoration: none;
	margin-bottom: .25rem !important;
	
}
.info-label {
	font-size: 1.35rem;
	text-align: left;
	color: var(--black);
	font-weight: 300;
}
.credit-hours .info-data {
	color: var(--islander-blue);
}

/*p:has(>img.float-right):not(:has(> :not(img.float-right))):not(:has(:not(img.float-right):not(:empty))) {
	float: right;
}*/
img.float-right,
p.float-right {
	margin-left: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
p.float-right img.float-right {
	margin: 0 !important;
}

@media (max-width: 768px) {
img.[class*="float-"],
	[class*="float-"] img {
	float: none !important;
	max-width: 100%;
	text-align: center !important;
	margin: 0 auto 1rem auto !important;
}
}

/*.online {
            background-color: #0067c5;
            color: #fff;
        }

        .rellis {
            background-color: #500000;
            color: #fff;
        }
        .hybrid {
            background-color: #001A31;
            color: #fff;
        }
        .campus {
            background-color: #007f3e;
            color: #fff;
        }
*/
.sidebar-anchor li {
	font-size: 1.25rem;
	font-weight: 400;
	padding-left: 1.5rem;
	position: relative;
}
.sidebar-anchor li a {
	color: var(--black);
	
}
.sidebar-anchor li:before {
	background-color: var(--islander-green);
	position: absolute;
	width: .5rem;
	height: 100%;
	left: 0;
	content: '';
	display: block;
	opacity: 0;
	transition: all 0.25s ease;
}
.sidebar-anchor li:hover:before,
.sidebar-anchor li.current:before {
	opacity: 1;
}
.sidebar-anchor li a:hover {
	text-decoration: none;
}
@media (min-width: 1024px) {
  /* and up */


/* Sticky */
.grouping__inner.component .row {
	display: flex;
	align-items: stretch;
}
#sticky {
  position: sticky;
  position: -webkit-sticky;
}
.sidebar div#sticky {
	top: 50px;
	transition-duration: .5s;
	transition-property: top;
	transition-timing-function: ease-in;
	display: flex;
	flex-direction: column;
}
	}
.sidebar nav,
.sidebar .program-contact {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--light-cool-gray);
}
.breadcrumbs {
    border-bottom: 1px solid var(--light-cool-gray);
}
.sidebar div#sticky.global-header--is-shown {
	top: 150px;
}
.sidebar h3 {
	color: var(--black);
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 1rem;
}
#wrapper {
	height: 100%;
}
.sidebar .component {
    max-width: 100%;
}
@media (max-width: 64em) {
	.sidebar-nav {
		display: none;
	}
	.component+.component:last-child {
		margin-top: 0;
	}
}
.contact-information__name {
	font-size: 1.25rem !important;
}
.block {
	background-color: var(--islander-blue);
	
	padding: 1.5rem;
}
.block h3,
.block p,
.block button {
	color: var(--white);
}
.block button {
	margin-bottom: .25rem !important;
}

.cta {
	background: var(--islander-blue);
background: linear-gradient(120deg, rgba(90, 201, 229, 1) 0%, rgba(0, 173, 77, 1) 100%);
	padding: 1.75rem;
	text-align: center;
}
.cta p,
.cta h3,
.cta a:link,
.cta ul li {
	color: var(--white);
}
.user-markup .cta h3,
.cta p {
	margin: 1.25rem 0 !important;
}
.cta ul {
	margin: 0;
}
.cta ul li {
	text-align: left;
}

.cta [class*="grid"] > div {
	border: 0;
	padding: 0 2rem;
}
main a.button,
main a.button:link,
main a.button:visited {
	border: 1px solid var(--islander-blue);
	width: auto;
	padding: .7rem 1.5rem.5rem 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: .1rem;
	margin-right: 1rem;
	transition: all .5s ease;
	color: var(--islander-blue);
	font-size: 1.125rem;
	margin-bottom: 0;
	margin-top: 1rem;
}
main a.button:last-child {
	margin-right: 0;
}
main a.button:hover,
main a.button:link:hover,
main a.button:visited:hover{
	background-color: var(--islander-green);
	color: var(--white);
}
.hero a.button,
.hero a.button:link,
.hero a.button:visited,
[class*="hero--"] a.button,
[class*="hero--"] a.button:link,
[class*="hero--"] a.button:visited,
.cta a.button,
.cta a.button:link,
.cta a.button:visited,
div.full-width[style*="background-image"] a.button,
div.full-width[style*="background-image"] a.button:link,
div.full-width[style*="background-image"] a.button:visited {
	border: 1px solid var(--white);
	color: var(--white);
}
.hero a.button:hover,
.hero a.button:link:hover,
.hero a.button:visited:hover,
[class*="hero--"] a.button:hover
[class*="hero--"] a.button:link:hover,
[class*="hero--"] a.button:visited:hover,
.cta a.button:hover,
.cta a.button:link:hover,
.cta a.button:visited:hover,
div.full-width[style*="background-image"] a.button:hover,
div.full-width[style*="background-image"] a.button:link:hover,
div.full-width[style*="background-image"] a.button:visited:hover{
	background-color: var(--white);
	color: var(--islander-blue);
}
@media screen and (max-width: 414px) {
	main a.button,
	main a.button:link,
	main a.button:visited {
			font-size: 1rem;
		}
	.cta a.button {
		margin-right: 0 !important;
	}
	}
.subsection {
	background-position: center;
	position: relative;
}
.subsection:after {
	/* content: ''; */
	/* background-color: var(--deep-end-blue); */
	z-index: 0;
	opacity: .9;
}
.subsection * {
	position: relative;
	z-index: 1;
}
.subsection.full-width p {
	letter-spacing: .05rem;
	
}
.subsection.full-width p,
.user-markup .subsection.full-width h2 {
	color: var(--white);
	margin-bottom: 1rem !important;
}

.subsection.full-width .grouping__inner {
	padding-top: 7rem;
	padding-bottom: 7rem;
	overflow: hidden;
}
.user-markup .subsection.full-width .grouping__inner p:first-child {
	margin-bottom: .5rem !important;
}
.subsection.full-width h2 {
	font-size: 3rem;
}
.subsection .grouping__inner {
	padding-right: 40%;
}
@media (max-width: 1024px) {
  /* and up */
	.subsection .grouping__inner {
	padding-right: 20%;
}
}
table[class*="-simple"] {
	margin-top: 1rem;
	margin-bottom: 3rem;
	border-collapse: collapse;
}

table[class*="-simple"] caption {
text-align: left;
margin: .5rem 0;
    font-size: 1.728rem;
color: #004d94;
padding: 0;
}
table[class*="-simple"] > * > tr > th {
	font-weight: 500;
}
table[class*="-simple"] > * > tr > * {
padding: 1rem;
}

table[class*="-simple"] > * > tr > * {
border-bottom: var(--input-border);
	text-align: center;
}

table[class*="-simple"] > * > tr > *:first-child,
table[class*="-simple"] > * > tr > *:first-child p {
text-align: left;
}

[class*="flex"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
[class*="flex-half"] > div {
	width: calc(50% - 2rem);
	padding: 1.5rem;
	background-color: rgba(200,201,199,.15);
	margin: 1rem;
}
[class*="flex-half"] > div:first-child {
	margin-left: 0;
}
[class*="flex-half"] > div:nth-child(even){
	margin-right: 0;
}
[class*="flex-half"] ul.checkmark {
	margin-left: 0.5rem;
}
[class*="flex-half"] > div p {
	margin-bottom: .5rem;
}
ul.checkmark {
    list-style: none; /* Removes the default marker */
 /* Adds space for the icon */
    
}
.checkmark > li {
	position: relative;
	padding-left: 1.5rem;
}
.checkmark > li:before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900; /* Use the correct font-weight (solid icons are 900) */
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--islander-green); /* Style the icon color */
	margin-left: -1.25em; /* Space between the icon and the text */
	top: 0;
	/* display: inline-block; */
	position: absolute;
	
}