@charset "UTF-8";

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing:border-box; }
*, *:before, *:after {
  box-sizing:inherit; }
html {
    font-family:"GT Walsheim Pro", "Century Gothic", Avenir, "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-behavior:smooth
}
@media (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior:auto
	}
}
body {
  margin:0; }
.wrapper {
  max-width:1200px;
  margin:0 auto; }
h1 {
    font-family:"lemonde-courrier", "PT Mono", "Courier New", Arial, Verdana, Tahoma, "Times New Roman", serif;
  font-size:35px; }
h1.homepage-heading {
    display:none;}
h2 {
    font-family:"lemonde-courrier", "PT Mono", "Courier New", Arial, Verdana, Tahoma, "Times New Roman", serif;
  font-size:30px; }
h3 {
    font-family:"lemonde-courrier", "PT Mono", "Courier New", Arial, Verdana, Tahoma, "Times New Roman", serif; }
h4 {
    font-family:"lemonde-courrier", "PT Mono", "Courier New", Arial, Verdana, Tahoma, "Times New Roman", serif; }
p {
    font-family:"GT Walsheim Pro", "Century Gothic", Avenir, "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-size:16px;
  text-align:unset;
  line-height:normal;
  color:unset; }
ul {
  text-align:unset;
  line-height:normal; }
.button {
  padding:0;
  display:inline-block;
  border:2px solid #2D759F;
  text-decoration:none;
  color:#2D759F;
  text-transform:uppercase;
  font-weight:bold;
  font-size:15px; }
  .button:hover, .button:focus {
    color:#fff;
    background-color:#2D759F; }
  .button.white {
    color:#fff;
    border-color:#fff;
    border-radius: 5px;
    padding: 5px 10px;}
    .button.white:hover, .button.white:focus {
    color:#126988;
    background-color:#fff; }
.home-slider .slide {
  width:100%;
  position:relative;
  background-color:#003429; }
  .home-slider .slide img {
    width:100%;
    display:block; }
  .home-slider .slide .slide-caption {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:rgba(31,161,98,0.5);
    padding:10px 10px 20px;
    box-sizing:border-box; }
    .home-slider .slide .slide-caption a {
    color:#fff;
    text-decoration:none; }
    .home-slider .slide .slide-caption a:hover, .home-slider .slide .slide-caption a:focus, .home-slider .slide .slide-caption a:active {
    text-decoration:underline; }
    .home-slider .slide .slide-caption h2 {
    font-size:25px;
    margin:0;
    color:#fff; }
    .home-slider .slide .slide-caption p {
    margin:5px 0 15px 0;
    font-size:16px;
    font-weight:bold;
    color:#fff; }
    .home-slider .slide:hover .slide-caption h2, .home-slider .slide:active .slide-caption h2, .home-slider .slide:hover .slide-caption p, .home-slider .slide:active .slide-caption p {
    text-decoration:underline; }
    @media only screen and (min-width:699px) {
    .home-slider .slide .slide-caption {
      bottom:0;
      top:auto;
      left:auto;
      right:0;
      width:50%;
      padding:20px 50px 20px 30px; }
        .home-slider .slide .slide-caption h2 {
    font-size:30px;
        }
           .home-slider .slide .slide-caption p {
    font-size:18px;}
}
 .user-type-container button#student-type-go:hover, .user-type-container button#student-type-go:active {
    background-color:#fff;
    color:#126988;
    text-decoration:underline;
    cursor:pointer
}
.home-slider .swiper-button-prev {
  background-image:url("data:image/svg+xml,%0A%3Csvg width='11px' height='19px' viewBox='0 0 11 19' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='header' transform='translate(-59.000000, -39.000000)' fill='%23FFFFFF'%3E%3Cg id='Group-5-Copy' transform='translate(66.500000, 47.500000) rotate(-180.000000) translate(-66.500000, -47.500000) translate(36.000000, 17.000000)'%3E%3Cpolygon id='Fill-1-Copy' points='29.3687884 20 27 22.608868 33.2607482 29.5038434 27 36.3892872 29.3673925 39 38 29.5053807'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size:11px 19px;
  left:0; }
.home-slider .swiper-button-next {
  background-image:url("data:image/svg+xml,%0A%3Csvg width='11px' height='19px' viewBox='0 0 11 19' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='header' transform='translate(-1443.000000, -37.000000)' fill='%23FFFFFF'%3E%3Cg id='Group-5' transform='translate(1416.000000, 17.000000)'%3E%3Cpolygon id='Fill-1-Copy' points='29.3687884 20 27 22.608868 33.2607482 29.5038434 27 36.3892872 29.3673925 39 38 29.5053807'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size:11px 19px;
  right:0; }
.home-slider .swiper-button-prev,
.home-slider .swiper-button-next {
  top:35%;
  background-color:#126988;
  padding:10px;
  width:40px;
  height:40px;
  display:none; }
  @media only screen and (min-width:400px) {
    .home-slider .swiper-button-prev,
    .home-slider .swiper-button-next {
    display:block; } }
  @media only screen and (min-width:699px) {
    .home-slider .swiper-button-prev,
    .home-slider .swiper-button-next {
    top:50%;
    margin-top:-20px; } }
  .home-slider .swiper-button-prev:hover, .home-slider .swiper-button-prev:focus,
  .home-slider .swiper-button-next:hover,
  .home-slider .swiper-button-next:focus {
    background-color:#2f92a9; }
.home-slider .swiper-pagination-bullet-active {
  background-color:#fff; }
.user-type-container {
  background-color:#0e6537;
  padding:10px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:20px; }
  .user-type-container label {
    margin-right:5px;
    display:block; }
    @media only screen and (min-width:400px) {
    .user-type-container label {
      display:inline-block; } }
  .user-type-container select {
    display:inline-block;
    font-size:16px;
    font-family:sans-serif;
    font-weight:700;
    color:#126988;
    line-height:1.3;
    padding:.6em 1.4em .5em .8em;
    width:auto;
    max-width:100%;
    box-sizing:border-box;
    margin:0;
    border:0px solid #aaa;
    border-radius:5px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background-color:#fff;
    background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23126988%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #fff 100%);
    background-repeat:no-repeat, repeat;
    background-position:right .7em top 50%, 0 0;
    background-size:.65em auto, 100%; }
  .user-type-container select::-ms-expand {
    display:none; }
  .user-type-container select:hover {
    border-color:#fff; }
  .user-type-container select:focus {
    border-color:#aaa;
    box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);
    box-shadow:0 0 0 3px -moz-mac-focusring;
    color:#126988;
    outline:none; }
  .user-type-container select option {
    font-weight:normal; }
  .user-type-container button {
    border:3px solid #fff;
    border-radius: 5px;
    background-color:#0e6537;
    color:#fff;
    font-size:16px;
    line-height:1.4;
    margin-left:5px;
    padding:5px 15px;
    vertical-align:bottom;
    font-weight:bold;
    background-image:none; }
.featured-alerts {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin-top:10px
}
@media only screen and (min-width:768px) {
	.featured-alerts {
		flex-direction:row;
		flex-wrap:wrap
	}
}
.featured-alerts a {
    display:block;
    width:100%;
    color:#fff;
    padding:0;
    margin:5px 0;
    background-color:#f5f5f5;
    text-align:center
}
.featured-alerts a:hover, .featured-alerts a:active {
    box-shadow:1px 1px 4px #666
}
@media only screen and (min-width:768px) {
	.featured-alerts a {
		width:49%;
		margin:8px 0;
		padding:0
	}
}
.featured-alerts > a > img {
	max-width:100%;
    height:auto
}
@media only screen and (max-width:768px) {
    .featured-alerts {
      margin-top:5px
    }
    .featured-alerts > a > img {
      height:100px
    }
}
.featured-actions {
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
 @media only screen and (min-width:768px) {
    .featured-actions {
       flex-direction:row;
       flex-wrap:wrap
    }
}
 .featured-actions a {
    display:block;
    width:100%;
    background-color:#f3f3f3;
    color:#006851;
    padding:0 20px;
    margin:5px 0;
    text-decoration:none
}
 .featured-actions a:hover, .featured-actions a:focus {
    background-color:#126988;
    color:#fff
}
 .featured-actions a:hover .button, .featured-actions a:focus .button {
    border-color:#fff;
    background-color:#fff
}
.featured-actions a:hover p, .featured-actions a:focus p {
    color:#fff;
}
@media only screen and (min-width:768px) {
    .featured-actions a {
       width:49%;
       margin:8px 0;
       padding:25px 30px
    }
}
 @media only screen and (min-width:1024px) {
    .featured-actions a {
       padding:30px 60px 15px
    }
}
 .featured-actions h2 {
    font-size:18px
}
 .featured-actions h2:after {
    content:' >'
}
 @media only screen and (min-width:768px) {
    .featured-actions h2:after {
       content:''
    }
}
 @media only screen and (min-width:900px) {
    .featured-actions h2 {
       font-size:30px;
       margin:0
    }
}
 .featured-actions p {
    display:none
}
 @media only screen and (min-width:768px) {
    .featured-actions p {
      display:block;
      color:#126988
    }
}
 .featured-actions .button {
    display:inline-block;
    border:none;
    text-transform:none
}
 .featured-actions .button:hover, .featured-actions .button:focus {
    color:#126988;
    background-color:#fff;
    text-decoration:underline
}
 @media only screen and (min-width:768px) {
    .featured-actions .button {
      text-align:center;
      padding:10px 20px;
      border:2px solid #126988;
      border-radius: 10px;
      color:#126988
    }
}
 .featured-classes {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .featured-classes .class {
    width:100%;
    position:relative;
    margin:5px 0;
    background-color:#0b5d7e;
    height:80px;
    overflow:hidden
}
 @media only screen and (min-width:600px) {
    .featured-classes .class {
       width:32.7%;
       height:auto
    }
}
 @media only screen and (min-width:768px) {
    .featured-classes .class {
       width:32.7%
    }
    .featured-classes .class:nth-child(5) {
       order:6
    }
    .featured-classes .class:nth-child(6) {
       order:7
    }
    .featured-classes .class:nth-child(7) {
       order:8
    }
    .featured-classes .class:nth-child(8) {
       order:9
    }
    .featured-classes .class:nth-child(9) {
       order:10
    }
    .featured-classes .class:nth-child(10) {
       order:11
    }
    .featured-classes .class:nth-child(11) {
       order:12
    }
}
 .featured-classes .class img {
    width:100%;
    height:auto;
    display:block
}
 .featured-classes .class a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background-color:rgba(18, 105, 136, 0.5);
    margin:0;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase
}
 @media only screen and (min-width:400px) {
    .featured-classes .class a {
       font-size:20px
    }
}
 .featured-classes .class a:hover, .featured-classes .class a:focus {
    background-color:rgba(18, 105, 136, 0.9);
    text-decoration:underline
}
 .featured-classes .class .text {
    display:block;
    padding:20px
}
 .featured-classes .class .small {
    display:block;
    font-size:13px
}
 @media only screen and (min-width:400px) {
    .featured-classes .class .small {
       font-size:14px
    }
}
 .featured-classes .program-description {
    text-align:center;
    font-size:16px;
    color:#2D759F;
    padding:10px;
    margin:5px 0;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background-image: url("../../../images/brand-refresh/med-blue-wave.svg");
    background-repeat: no-repeat;
    background-size: cover
}
 @media only screen and (min-width:768px) {
    .featured-classes .program-description {
        width:32.7%;
        order:5
    }
}
 .featured-classes .program-description h3 {
    font-size:20px;
    text-transform:uppercase;
    margin:0
}
 @media only screen and (min-width:900px) {
    .featured-classes .program-description h3 {
       font-size:28px
    }
}
 .featured-classes .program-description p {
    font-size:18px
}
 @media only screen and (min-width:900px) {
    .featured-classes .program-description p {
       font-size:16px
    }
}
.featured-classes .program-description h3, .featured-classes .program-description p, .featured-classes .program-description a {
    color: #fff;
}
.featured-classes .program-description a.button {
	border-color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
}
 .life-at-nmc {
    position:relative;
    margin:6px 0
}
 .life-at-nmc .image {
    background-image:url("../../images/brand-refresh/waves-wider-no-white.svg");
    background-size:cover;
    background-position:center;
    padding-top:29%
}
 @media only screen and (min-width:550px) {
    .life-at-nmc .image {
       padding-top:25%
    }
}
 .life-at-nmc .textarea {
    background-color:#0e6537;
    display:flex;
    justify-content:center;
    align-items:center
}
 .life-at-nmc .textarea .text {
    color:#fff;
    padding:15px
}
 @media only screen and (min-width:550px) {
    .life-at-nmc .textarea {
       position:absolute;
       top:0;
       left:0;
       width:50%;
       height:100%;
      background-color:rgba(31,161,98,0.5)
    }
    .life-at-nmc .textarea .text {
       width:80%;
       color:#fff;
       padding:0
    }
}
.life-at-nmc .textarea h2 {
    margin:0
}
 .news-events {
    margin-bottom:50px
}
 .news-events h2 {
    color:#0b3853;
    padding-left:5px
}
 .news-events .morenews {
    color:#126988;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
    padding-left:5px
}
 .news-events .morenews:hover, .news-events .morenews:focus {
    text-decoration:underline
}
 .news-events .container {
    border-top:2px solid #126988;
    border-bottom:2px solid #126988;
    padding:20px 10px;
    margin-bottom:25px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .news-events .newsitem {
    margin:20px 0
}
 @media only screen and (min-width:550px) {
    .news-events .newsitem {
       width:46%
    }
}
 .news-events .newsitem p, .news-events .eventitem p {
    font-family:"GT Walsheim Pro", "Century Gothic", Avenir, "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-size:20px;
    font-weight:bold;
    margin:0
}
.news-events .eventitem p .date {
	color:#0b3853;
    text-transform:uppercase
}
.news-events .newsitem a {
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    color:#126988
}
 .news-events .newsitem a:after {
    content:' »'
}
 .news-events .newsitem a:hover, .news-events .newsitem a:focus {
    text-decoration:underline
}
 .news-events .eventitem {
    margin:20px 0
}
 @media only screen and (min-width:550px) {
    .news-events .eventitem {
       width:46%
    }
}
 .news-events > h2 > a {
    text-decoration:none;
    color:#126988
}
 .news-events .eventitem a {
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    color:#126988
}
 .news-events .eventitem a:after {
    content:' »'
}
 .news-events > h2 > a:hover, .news-events > h2 > a:active, .news-events .eventitem a:hover, .news-events .eventitem a:focus {
    text-decoration:underline
}
