/* New conditional section hero rules */
.section-hero {
    height: 630px;
	 min-height: 295px;
}

/* New app page rules */
.updated-app-hero {
    width: 100vw;
    max-width: 100vw;
}
.updated-app-header {
    font-size: 2em;
    text-align: center;
}
.updated-undg-apps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.updated-masters-apps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.updated-other-apps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 66%;
    margin: 0 auto;
}
.updated-app {
    border: 1px solid white;
    margin: 1em;
    padding: 1em 1em 2em 1em;
    text-align: center;
}
.updated-button {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 30px;
    color: navy;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid navy;
    display: inline-block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.dropdown-button {
	 background: 0 0;
	 background-color: rgba(0, 0, 0, 0);
	 border: 1px solid rgba(165,171,167,.5);
	 border-radius: 3px;
	 color: #FFF !important;
	 padding: 1em;
	 font-family: freight-sans-pro,sans-serif;
	 font-weight: 500;
	 margin: 0 0 15px;
	 transition: all 0.2s ease-in;
	 font-size: 1.44rem;
	 text-align: center;
	 cursor: pointer;
	 -webkit-appearance: none;
	 line-height: 1;
	 vertical-align: center;
	 background-color: #006647;
	 !important;
	 text-decoration: none !important;
	 text-transform: uppercase;
}
.dropdown-content {
      display: none;
      position: relative;
      width: 100%;
      overflow: auto;
      background-color: #006647;
}
.dropdown-button:hover .dropdown-content {
      display: inline-block;
      background-color: #006647;
}
.dropdown-content a {
      display: inline-block;
      color: #ffffff;
      padding: 5px;
      text-decoration: none;
      margin-top: 0.5rem;
      background-color: #006647;
      background-clip: padding-box;
}
.dropdown-content a:hover {
      color: #FFFFFF;
      background-color: #006647;
      background-clip: padding-box;
}  
.updated-all-apps a:visited {
    color: navy;
}
.updated-all-apps a:active {
    color: white;
    background: navy;
}
.updated-all-apps a:hover {
    color: white;
    background: navy;
}
.updated-app img {
    max-width: 75px;
}
.updated-app h3 {
    margin-bottom: 7em;
}

/* End new app page rules */

/* New mobile nav rules */

.mobile-nav .cd-accordion li {
    list-style-type: none;
}
.mobile-nav .cd-accordion__input { /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.mobile-nav .cd-accordion__sub {
  display: none; /* by default hide all sub menus */
}
.mobile-nav .cd-accordion__input:checked ~ .cd-accordion__sub { /* show children when item is checked */
  display: block;
}
.mobile-nav .cd-accordion__label {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--space-sm) var(--space-md);
  background: var(--cd-color-1);
  box-shadow: inset 0 -1px lightness(var(--cd-color-1), 1.2);
  color: var(--color-white);
}

/* End new mobile nav rules */
.canvas-mobile-sub-grid{
	 width:90%;
	 margin: 0 auto;
	 display: flex;
	 justify-content: space-around;
}
 .canvas-mobile-sub-grid .grn-button {
	 flex-grow: 1;
}
 .links-container {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 grid-row-gap: 1em;
	 grid-column-gap: 1em;
}
 .link-contain {
	 background-color: #15654c;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 padding: 1em;
	 min-height: 250px;
}
 .link-contain h3 {
	 color: white;
	 font-weight: regular;
	 font-kerning: normal;
}
 .link-contain span {
	 color: white;
	 font-size: 3rem;
}
 .app-redux-container {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 grid-row-gap: 1em;
	 grid-column-gap: 1em;
}
 .app-redux {
	 background-color: #15654c;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 .app-redux h3 {
	 color: white;
	 padding: 5px;
	 text-align: center;
}
 .bottom-button {
	 background-color: #054d94;
	 border-left: 1px solid gray;
	 border-bottom: 1px solid gray;
	 border-right: 1px solid gray;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .bottom-button p {
	 font-size: 2rem;
	 margin-bottom: 0 !important;
	 padding: 5px;
	 color: white;
}
 .intl-boxes {
	 display: flex;
}
 .intl-box {
	 flex: 1 1 0px;
	 border-left: 1px solid black;
	 padding: 5px;
	 text-align: center;
}
 .intl-box p {
	 margin-bottom: 0;
}
 .intl-box-right {
	 border-right: 1px solid black;
}
 .intl-fa {
	 font-size: 3.5rem !important;
}
 .intl-sub-box {
	 display: flex;
}
 .intl-icon-box {
	 padding: 1em;
	 display: flex;
	 align-items: center;
}
 .intl-icon-box span {
	 color: black;
}
 .intl-text-box {
	 width: 100%;
}
 .country-label {
	 font-size: 3rem;
}
 .pad-me {
	 padding-left: 3rem;
}
 .addl-pad-me {
	 padding: 25px 0 0;
}
 .counselor-title {
	 font-style: italic !important;
}
 .new-home-row {
	 display: grid;
	 grid-template-columns: 2fr 1fr;
	 min-height: 600px;
}
 .new-mobile-home-blurb {
	 display: none;
}
 .left-area {
	 display: grid;
	 grid-template-rows: 2fr 0.25fr;
	 background-color: #edf3e9;
}
 .left-area a:visited {
	 color: white;
}
 .left-area p {
	 font-family: ff-tisa-web-pro,serif;
	 font-style: normal;
	 font-weight: 400;
	 font-size: 1.5em;
	 line-height: 1.63;
	 margin-bottom: 30px;
}
 .left-area h2 {
	 font-family: freight-sans-pro,sans-serif;
	 font-style: normal;
	 font-weight: 500;
	 font-size: 5em;
	 line-height: 0.8;
	 text-transform: uppercase;
	 margin-bottom: 15px;
}
 .left-content-contain {
	 padding: 70px 70px 0;
}
 .left-content-contain a:link {
	 color: white !important;
}
 .button-container {
	 display: flex;
	 align-items: center;
	 width: 66%;
	 margin: 0 auto 20px;
	 justify-content: space-around;
}
 .right-area {
	 display: flex;
	 flex-direction: column;
}
 .right-area .right-home-button {
	 height: 25%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .right-home-button h3 {
	 font-size: 2.8125em;
	 font-family: proxima-nova-extra-condensed,sans-serif;
	 font-style: normal;
	 font-weight: 500;
	 margin: 0;
	 line-height: 1;
	 color: white;
}
 .new-home-button {
	 padding: 1em !important;
	 background-color: #15654c;
	 border-radius: 5px;
	 color: white !important;
	 text-transform: uppercase;
}
 .new-home-button a {
	 color: white !important;
}
 .strip-purple {
	 background: linear-gradient(to bottom,#581660 0,#8f3e9a 100%);
}
 .strip-blue {
	 background: linear-gradient(to bottom,#079edb 0,#158ec0 100%);
}
 .strip-green {
	 background: linear-gradient(to bottom,#03925e 0,#01724b 100%);
}
 .strip-gray {
	 background: linear-gradient(to bottom,#7e8a96 0,#6a747d 100%);
}
 .program-container {
	 width: 90%;
	 margin: 2em auto 0;
}
 .program-container p {
	 font-family: freight-sans-pro,sans-serif;
	 font-style: normal;
	 font-weight: 400;
	 font-size: 1.125em;
	 color: #083828;
	 line-height: 1.5;
}
 .program-container ul li {
	 font-family: freight-sans-pro,sans-serif;
	 font-style: normal;
	 font-weight: 400;
	 font-size: 1.125em;
	 color: #424141;
}
 .program-container h2 {
	 margin-bottom: 15px;
	 font-family: ff-tisa-web-pro,serif;
	 font-style: normal;
	 font-size: 1.75em;
	 font-weight: 700;
}
 .top-row {
	 display: grid;
	 grid-template-columns: 1fr 0.4fr;
	 grid-column-gap: 4em;
	 margin-bottom: 10px;
}
 .left-about > h1 {
	 margin: 0 0 10px;
}
 .offerings-container {
	 padding: 1em;
	 background: #581660;
	 background: -webkit-linear-gradient(top,#581660 0,#8f3e9a 100%);
	 background: linear-gradient(to bottom,#581660 0,#8f3e9a 100%);
	 margin-bottom: 30px;
}
 .offerings-container > h2 {
	 font-family: proxima-nova-extra-condensed,sans-serif;
	 font-style: normal;
	 font-weight: 500;
	 font-size: 3.125em;
	 line-height: 1;
	 color: white;
}
 .offerings-container > h5 {
	 color: white;
	 font-size: 1.15em;
}
 .offerings-container .place {
	 color: white;
	 text-transform: uppercase;
	 text-decoration: underline;
	 font-size: 1.15em;
}
 .navigation-container {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-around;
	 background-color: #F1BB46;
	 align-items: center;
	 padding: 1em;
}
 .mobile-navigation-row {
	 display: none;
}
 .mobile-navigation-container {
	 flex-direction: row;
	 width: 100%;
	 justify-content: space-around;
	 padding: 1em;
	 background-color: #F1BB46;
}
 .mobile-sidebar-header {
	 font-size: 1.2em;
	 margin-bottom: 0.5em;
}
 .new-sidebar {
	 max-width: 400px;
	 padding-bottom: 15px;
	 font-size: 1.125em;
}
 .new-sidebar h3 {
	 font-style: normal;
	 font-weight: 600;
	 color: #072b1f;
	 margin-left: 10px;
	 line-height: 1;
	 text-transform: uppercase;
}
 .new-sidebar ul {
	 margin: 0;
}
 .new-sidebar ul li {
	 position: relative;
	 display: block;
	 font-weight: 300;
	 color: #072b1f;
	 transition: all 0.2s ease-in;
	 text-transform: uppercase;
	 border-bottom: 1px solid rgba(200, 200, 200, .5);
}
 .new-sidebar ul li a {
	 color: #072b1f;
	 display: block;
	 padding: 10px 0 10px 10px;
	 text-decoration: initial !important;
}
 .program-nav-span > a:link {
	 color: black;
}
 .program-nav-span > a:visited {
	 color: black;
}
 .contact-row-container {
	 background-color: #054d94;
	 padding: 1em 0;
}
 .location-address {
	 color: white !important;
}
 .contact-row {
	 display: grid;
	 width: 60%;
	 margin: 0 auto;
	 grid-template-columns: repeat(2, 1fr);
}
 .individual-contact {
	 display: grid;
	 grid-template-rows: 1fr;
	 color: white;
	 font-size: 1.2em;
	 opacity: 0.8;
}
 div.individual-contact > h3 {
	 color: white;
	 font-weight: 700;
}
 div.individual-contact > a {
	 color: white;
	 margin-bottom: 5px;
}
 .new-rfi {
	 position: fixed;
	 bottom: 1em;
	 right: 1em;
	 display: flex;
	 justify-content: space-between;
	 animation-name: float;
	 animation-duration: 2s;
}
 .new-rfi-button {
	 background-color: #004159;
	 color: white;
	 text-transform: uppercase;
	 padding: 1em;
	 border-radius: 5px;
	 margin: 5px;
}
 #new-rfi a {
	 color: white;
}
 .new-rfi-close {
	 display: none;
	 font-size: 2em;
}
/* This broke stuff - don't re-enable unless you know what you're doing */
/* .sidebar-header {
	 display: none;
}
 */
 .location-contact {
	 display: grid;
	 grid-template-columns: 1fr;
	 padding: 1em;
	 background-color: #054d94;
}
 .location-entry a:link {
	 color: white;
}
 div.location-entry h3 {
	 color: white;
}
 div.location-entry h4 {
	 color: white;
}
 .location-target iframe {
	 width: 100%;
}
 .left-locations h1 {
	 margin: 0 0 15px;
	 text-transform: none;
}
 @keyframes float {
	 from {
		 margin-bottom: -100%;
	}
	 to {
		 margin-bottom: 0;
	}
}
/* Begin mobile mode */
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	 .new-sidebar {
		 display: none;
	}
	 .mobile-navigation-row {
		 display: block;
	}
	 .mobile-navigation-inner-container {
		 flex-direction: column;
		 align-items: flex-start;
		 display: flex;
		 line-height: 2em;
	}
	 .mobile-navigation-dropdown {
		 display: none;
	}
	 .program-nav-span {
		 margin-bottom: 5px;
		 font-size: 1.2em;
		 border-bottom: 1px solid black;
	}
	 .program-nav-link {
		 margin: 0.5em 0;
	}
	 .new-home-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .right-home-button {
		 padding: 1em;
	}
	 .new-home-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .right-home-button {
		 padding: 1em;
	}
}
 @media only screen and (min-device-width: 481px) and (max-device-width: 1368px) and (orientation:landscape) {
	 .new-home-row {
		 display: grid;
		 grid-template-columns: 1fr;
	}
	 .right-home-button {
		 padding: 1em;
	}
}
 @media only screen and (max-device-width: 480px) {
	 .links-container {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .link-contain h3 {
		 font-size: 3rem !important;
	}
	 .link-contain span {
		 font-size: 5rem !important;
	}
	 .pad-here {
		 margin: 0 1em;
	}
	 .app-redux-container {
		 grid-template-columns: 1fr;
		 grid-row-gap: 1em;
	}
	 .app-redux h3 {
		 font-size: 3rem;
	}
	 .intl-boxes {
		 flex-direction: column;
	}
	 .intl-box {
		 border-left: 0;
	}
	 .intl-box-center {
		 margin-top: 1em;
	}
	 .intl-box-right {
		 margin-top: 1em;
		 border: 0;
	}
	 .intl-icon-box span {
		 color: white;
	}
	 .intl-icon-box {
		 background-color: #15654c;
	}
	 .intl-text-box {
		 padding: 5px;
	}
	 .intl-text-box h3 {
		 font-size: 3rem;
	}
	 .intl-sub-box {
		 border: 1px solid black;
	}
	 .top-row {
		 grid-template-columns: 1fr;
		 grid-row-gap: 10px;
		 margin-bottom: 10px;
	}
	 .contact-row {
		 width: 90%;
		 margin: 0 auto;
		 grid-template-columns: 1fr;
	}
	 .navigation-container {
		 display: none;
	}
	 .mobile-navigation-row {
		 display: block;
	}
	 .mobile-navigation-inner-container {
		 flex-direction: column;
		 align-items: flex-start;
		 display: flex;
		 line-height: 2em;
	}
	 .mobile-navigation-dropdown {
		 display: none;
	}
	 .new-sidebar {
		 display: none;
	}
	 .program-nav-span {
		 margin-bottom: 5px;
		 font-size: 1.2em;
		 border-bottom: 1px solid black;
	}
	 .program-nav-link {
		 margin: 0.5em 0;
	}
	 .sidebar-header {
		 font-size: 1.5em;
	}
	 .new-rfi {
		 position: fixed;
		 justify-content: space-around;
		 bottom: 0;
		 left: 0;
		 background-color: #15654c;
		 width: 100vw;
		 font-weight: 600;
		 display: flex;
		 align-items: center;
	}
	 .new-rfi-close {
		 display: block;
	}
	 .sidebar-header {
		 display: block;
	}
	 .location-contact {
		 grid-template-columns: 1fr;
	}
	 .new-home-row {
		 grid-template-columns: 1fr;
	}
	 .left-area {
		 grid-template-rows: 1fr;
	}
	 .left-content-contain {
		 padding: 30px 15px 0;
	}
	 .new-mobile-home-blurb {
		 display: block;
		 padding: 30px 15px 0;
	}
	 .button-container {
		 width: 80%;
		 flex-direction: column;
		 align-items: normal;
		 text-align: center;
		 font-size: 1.2em;
		 padding-bottom: 30px;
	}
	 .new-home-button {
		 margin: 5px;
	}
	 .right-home-button {
		 padding: 1em;
	}
	 .left-area a:link {
		 color: white;
	}
	 .new-home-padding {
		 padding: 0 15px;
	}
	/* Mobile mode new application page */
	.updated-undg-apps {
        grid-template-columns: 1fr;
    }
    .updated-masters-apps {
        grid-template-columns: 1fr;
    }
    .updated-other-apps {
        grid-template-columns: 1fr;
        width: auto;
    }
    .updated-app-hero {
        display: none;
    }
	/* End mobile mode new application page */
}
/* Multi-Factor Authentication for All page CSS Create an accordion panel */
 details.MFAuthFAQ{
	 padding: 1.5rem;
	 border: 1px solid #ddd;
	 background: #fff;
	 margin-bottom: 1.5rem;
	 border-radius: 0.35rem;
	 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
 summary.MFAuthFAQ {
	 cursor: pointer;
	 padding: 1rem;
	 border-bottom: 1px solid #ddd;
}
 div.MFAuthFAQ {
	 padding: 1rem 1.5rem;
}