/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

abbr {
  text-decoration: none; }

:root {
  --pms350: 44,82,52;
  --pms361: 63,174,42;
  --pms363: 76,139,43;
  --pms376: 130,188,0;
  --pms3935: 245,233,91;
  --pmsCoolGray5: 179,178,177;
  --pmsWarmGray11: 108,98,90;
  --fontNarrow: 'Proxima Nova Extra Condensed',proxima-nova-extra-condensed,"Open Sans Condensed","Arial Narrow",sans-serif;
  --fontRegular: 'Proxima Nova', proxima-nova,"Open Sans",Helvetica,sans-serif;
  --fontSerif: "Adobe Garamond Pro",adobe-garamond-pro,"PT Serif",Georgia,serif;
  --btnRadius: 6px; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit;
  transition: all 0.125s ease;
  transition: max-height 5s ease-out; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

/* =========================================== Elements */
/* =========================================== IDs & Classes */
.center {
  text-align: center; }

.hilite {
  color: #e1523d; }

.hidden {
  display: none; }

.hideByHeight {
  max-height: 0;
  overflow: hidden; }

.inactive {
  max-height: 0;
  overflow: hidden; }

/* ==================================== Imports */
/* =========================================== Elements */
html {
  height: 100%; }

body {
  width: 100vw;
  max-width: 100%; }

html, body {
  width: 100vw;
  max-width: 100%;
  height: 100%; }

header div {
  margin: 2em 4em 0 4em;
  border-bottom: 1px solid #3c8a2e;
  padding: 0 0 1em 0; }

@media (min-width: 768px) {
  header div {
    margin: 2em auto 0 auto;
    max-width: 768px; } }

header .logo {
  max-width: 520px;
  width: 60%;
  height: auto; }

main {
  margin: 0 auto 2em auto;
  border: 0;
  padding: 0;
  max-width: 80%;
  /*
	@media (min-width: $bp-med) {
		margin: 2em auto;
		padding: 0 4em;
		max-width: $bp-med;
	}
	@media (min-width: $bp-large) {
		max-width: $bp-large;
	}
*/
  /*
	footer { 
		margin: 1em 0; 
		border-top: 1px solid $PMSCoolGray5;
		padding: 1em 0;
	}
*/ }
  @media (min-width: 992px) {
    main {
      max-width: 768px; } }
  main h2 {
    margin-top: .5em; }
  main ul {
    margin: .5em 0 .5em 1.5em;
    list-style: disc outside; }
    main ul hr {
      height: 1px;
      border-width: 0;
      color: #eee;
      background-color: #eee; }
    main ul.noBullets {
      list-style: none; }
      main ul.noBullets ul {
        list-style: none; }
  main .row {
    margin: 1em 0; }
    @media (min-width: 768px) {
      main .row {
        display: flex;
        flex-wrap: wrap; } }
    @media (min-width: 768px) {
      main .row .items-3 {
        flex: 0 1 30%;
        padding: 1em;
        background: #fff373; }
        main .row .items-3:not(:last-child) {
          margin-right: 5%; } }

aside {
  margin: 0;
  padding: 1em;
  background: rgba(60, 138, 46, 0.1); }

iframe.map {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 450px; }

/* =========================================== IDs & Classes */
#identitySlug {
  margin: 3em auto 2.5em auto;
  padding: 0 3em;
  max-width: 45em;
  text-align: center; }
  #identitySlug p {
    margin: auto;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: .25em 1em;
    color: #3c8a2e;
    font-family: "PT Serif", Georgia, serif;
    font-size: 2em;
    font-style: italic; }
  @media (min-width: 768px) {
    #identitySlug {
      margin: 144px auto 22px auto; } }
  @media (min-width: 1200px) {
    #identitySlug {
      margin: 192px auto 22px auto; } }

.icon {
  border: 1px solid rgba(255, 255, 255, 0.87);
  border-radius: 50%;
  background: none;
  width: 1em;
  height: 1em;
  line-height: 1;
  transition: all 0.5s; }
  .icon:hover {
    background: #222;
    border: 1px solid #e1523d; }

.cta .iconWrapper {
  padding: 0 1em;
  display: inline-block; }
  @media (min-width: 768px) {
    .cta .iconWrapper {
      padding: 0 2em; } }
  .cta .iconWrapper p {
    margin: .5em 0 0 0;
    line-height: 1; }
    @media (min-width: 768px) {
      .cta .iconWrapper p {
        font-size: 1.5em; } }

.cta-icon {
  border: 1px solid rgba(255, 255, 255, 0.87);
  border-radius: 50%;
  background: rgba(141, 198, 63, 0.1);
  line-height: 1;
  transition: all 0.5s;
  width: 8em;
  height: 8em; }
  .cta-icon:hover {
    background: #222;
    border: 1px solid #e1523d; }
  @media (min-width: 768px) {
    .cta-icon {
      width: 12em;
      height: 12em; } }

.logo {
  height: 1em; }

.ctaWrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  justify-content: center;
  text-align: center; }
  .ctaWrapper a {
    margin: 0;
    padding: 0 1em;
    display: block;
    color: #e1523d;
    font-weight: normal;
    text-decoration: none; }
    .ctaWrapper a:link, .ctaWrapper a:visited {
      color: #e1523d;
      text-decoration: none; }
    .ctaWrapper a:hover, .ctaWrapper a:active {
      color: #3c8a2e;
      text-decoration: underline;
      background-image: none; }
  .ctaWrapper img {
    vertical-align: top; }
  .ctaWrapper p {
    margin: 0;
    padding: .5em 0 0 0; }
  .ctaWrapper .cta-icon {
    border: 1px solid transparent;
    border-radius: 50%;
    background: rgba(141, 198, 63, 0.15);
    line-height: 1;
    transition: all 1s;
    width: 100%;
    height: auto; }
    .ctaWrapper .cta-icon:hover {
      background: #222;
      border: 1px solid #e1523d; }

.rowWrapper {
  margin: 0;
  border: 0;
  padding: 0; }
  .rowWrapper .row {
    margin: 0 auto;
    border: 0;
    padding: 2em 10%;
    max-width: 576px;
    overflow: hidden;
    /*
		.iconWrapper {
			padding: 0 2em;
			display: inline-block;
		}
*/ }
    @media (min-width: 768px) {
      .rowWrapper .row {
        padding: 2em 5%;
        max-width: 768px; } }
    @media (min-width: 992px) {
      .rowWrapper .row {
        max-width: 992px; } }
  @media (min-width: 768px) {
    .rowWrapper .cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  @media (min-width: 992px) {
    .rowWrapper .cards {
      text-align: left; } }
  @media (min-width: 768px) {
    .rowWrapper .cards p, .rowWrapper .cards ul {
      flex: 0 1 35%; } }
  @media (min-width: 992px) {
    .rowWrapper .cards p, .rowWrapper .cards ul {
      flex: 0 1 25%; } }
  .rowWrapper .cards li {
    padding: .5em .25em 0 .25em; }

.contactCard {
  margin: 1em 0;
  border: 0 solid #000;
  border-radius: 6px;
  padding: 1em;
  background: #efefef; }
  .contactCard details {
    margin-top: .5em;
    font-size: .8em; }
  .contactCard summary {
    font-weight: bold; }
  .contactCard h3, .contactCard h4, .contactCard a, .contactCard p {
    margin: 0;
    padding: 0;
    line-height: 1.5; }
  .contactCard h3, .contactCard h4 {
    font-weight: bold;
    text-transform: none;
    line-height: 1.2; }
  .contactCard .contactDesc {
    font-style: italic; }

.listColumns li {
  margin-left: 1em;
  list-style-position: outside;
  column-break-inside: avoid; }

@media (min-width: 768px) {
  .listColumns {
    columns: auto 2; } }

@media (min-width: 992px) {
  .listColumns {
    columns: auto 3; } }

/* ==================================== Hero */
.hero {
  border: none;
  background-color: #2c5234;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100vh;
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-origin: border-box; }
  @media (min-width: 768px) {
    .hero {
      border: 20px solid rgba(0, 16, 0, 0.3); } }
  @media (min-width: 1200px) {
    .hero {
      border: 27px solid rgba(0, 16, 0, 0.3); } }
  .hero.hero-art {
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media (min-width: 768px) {
      .hero.hero-art {
        justify-content: flex-end; } }
  .hero.hero-picture {
    /*
		a { color: $PMS3935; }
		a:link, a:visited { color: $PMS3935; text-decoration: none; }
		a:hover, a:active { color: $PMS3935; text-decoration: underline; }		
*/ }
    .hero.hero-picture div {
      margin-bottom: 120px; }
      @media (min-width: 576px) {
        .hero.hero-picture div {
          margin-bottom: 80px; } }
      @media (min-width: 768px) {
        .hero.hero-picture div {
          margin-bottom: 40px; } }
      @media (min-width: 992px) {
        .hero.hero-picture div {
          margin-bottom: 0; } }
    .hero.hero-picture h1, .hero.hero-picture p {
      margin: 0;
      padding: 0;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      line-height: 1;
      font-weight: 700; }
    .hero.hero-picture h1 {
      margin-bottom: .2em;
      padding: .25em .5em;
      border-bottom: 1px solid rgba(255, 255, 255, 0.65);
      color: white;
      font-size: 3em;
      font-weight: 800;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
      text-shadow: 1px 1px 6px rgba(0, 32, 0, 0.65), -1px -1px 6px rgba(0, 32, 0, 0.65), 1px -1px 6px rgba(0, 32, 0, 0.65), -1px 1px 6px rgba(0, 32, 0, 0.65); }
      @media (min-width: 768px) {
        .hero.hero-picture h1 {
          font-size: 4em; } }
    .hero.hero-picture p {
      font-size: 2em;
      font-weight: 800;
      color: #50dc50;
      text-shadow: 1px 1px 2px rgba(0, 32, 0, 0.5), -1px -1px 2px rgba(0, 32, 0, 0.5), 1px -1px 2px rgba(0, 32, 0, 0.5), -1px 1px 2px rgba(0, 32, 0, 0.5); }
      @media (min-width: 768px) {
        .hero.hero-picture p {
          font-size: 2.5em;
          letter-spacing: .01em; } }

/*
.hero-atlc { 
		background-color: black;
		background-image: url("../images/atlc-curved-sidewalk-704C9598.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-origin: border-box;
		background-attachment: fixed;
}
*/
.hero-flagpole {
  background: black url("../images/panorama_flagpole.jpg") no-repeat center center fixed;
  background-size: cover; }

.hero-inner {
  padding: 1em 3em;
  background-image: linear-gradient(rgba(44, 82, 52, 0.8), rgba(44, 82, 52, 0.8)); }
  .hero-inner h1, .hero-inner h2, .hero-inner p, .hero-inner a {
    margin: 0;
    padding: 0;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
  .hero-inner h1 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 3em;
    font-weight: 700; }
  .hero-inner h2 {
    margin: .5em 0 .65em 0;
    color: #fff373;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase; }
  .hero-inner a.btn {
    display: block;
    margin: .75em auto 0 auto;
    border: 1px solid #e1523d;
    border-radius: 6px;
    padding: .35em 1em;
    max-width: 16em;
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: all 0.5s ease; }
    .hero-inner a.btn:hover {
      background: #222;
      border: 1px solid #e1523d; }

.cig-icons {
  display: grid;
  grid-template-columns: repeat(3, minmax(calc(100vh/6), 25vw)); }
  @media (min-width: 768px) {
    .cig-icons {
      grid-template-columns: repeat(3, calc(100vh/5)); } }
  .cig-icons a {
    margin: .75em 0;
    padding: 0;
    display: block;
    color: rgba(255, 255, 255, 0.87); }
    @media (min-width: 768px) {
      .cig-icons a {
        margin: .75em 0; } }
  .cig-icons a:link, .cig-icons a:visited {
    color: rgba(255, 255, 255, 0.87); }
  .cig-icons a:hover, .cig-icons a:active {
    color: #fff373; }
  .cig-icons img {
    margin: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 0;
    background: #8dc63f;
    width: 50%;
    height: auto;
    line-height: 1;
    vertical-align: top;
    transition: all .5s; }
    .cig-icons img:hover {
      background: #222;
      border: 1px solid #e1523d; }
  .cig-icons p {
    margin: .5em 0 0 0;
    padding: 0;
    font-size: .8em;
    line-height: 1.2; }

.cig-text {
  margin-top: 1em; }
  .cig-text h1 {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    font-size: 2em;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1;
    font-weight: 700; }
    @media (min-width: 768px) {
      .cig-text h1 {
        margin-top: .25em;
        font-size: 3em; } }
  .cig-text p {
    margin: .5em 0 .25em 0;
    padding: 0;
    color: #50dc50;
    font-size: 1.25em; }
    @media (min-width: 768px) {
      .cig-text p {
        margin-top: .5em;
        font-size: 1.5em; } }
  .cig-text img {
    margin: 0 auto 1em auto;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px; }

.card-halfScreen {
  background-color: rgba(255, 255, 255, 0.87);
  /* Sizing */
  width: 100vw;
  height: 50vh;
  /* Flexbox stuff */
  display: flex;
  justify-content: center;
  align-items: center;
  /* Text styles */
  text-align: center;
  /* Temporary */
  border-bottom: 1px solid black; }

/* ==================================== Themes */
body.theme-light {
  background: white; }
  body.theme-light nav#site-nav {
    background: rgba(255, 255, 255, 0.8); }
    body.theme-light nav#site-nav .rowWrapper {
      border-bottom: 1px solid #f3f3f3; }
  body.theme-light .icon {
    border: 1px solid #8dc63f;
    background: none; }
    body.theme-light .icon:hover {
      background: #222;
      border: 1px solid #e1523d; }

body#menu section {
  margin: 2em 0;
  line-height: 2; }

body.theme-PMS363 {
  background: #3c8a2e;
  font-weight: 400;
  /* ==================================== Links */ }
  body.theme-PMS363 nav#site-nav {
    background: #002100; }
    body.theme-PMS363 nav#site-nav .rowWrapper {
      border-bottom: 1px solid #8dc63f; }
  body.theme-PMS363 h1 {
    font-weight: normal; }
  body.theme-PMS363 h1, body.theme-PMS363 h2, body.theme-PMS363 h3, body.theme-PMS363 h4, body.theme-PMS363 h5, body.theme-PMS363 h6, body.theme-PMS363 p, body.theme-PMS363 li, body.theme-PMS363 summary, body.theme-PMS363 details {
    color: rgba(255, 255, 255, 0.87); }
  body.theme-PMS363 main a {
    color: rgba(255, 255, 255, 0.87); }
    body.theme-PMS363 main a:link, body.theme-PMS363 main a:visited {
      color: rgba(255, 255, 255, 0.87);
      text-decoration: none; }
    body.theme-PMS363 main a:hover, body.theme-PMS363 main a:active {
      color: #fff373;
      text-decoration: underline; }

/* == Boxes == */
.pms350box {
  background: #2c5234;
  color: rgba(255, 255, 255, 0.87); }
  .pms350box h1, .pms350box h2, .pms350box h3 {
    color: #fff373; }
  .pms350box a, .pms350box p {
    color: rgba(255, 255, 255, 0.87); }
  .pms350box a:link, .pms350box a:visited {
    color: rgba(255, 255, 255, 0.87); }
  .pms350box a:hover, .pms350box a:active {
    color: rgba(255, 255, 255, 0.87); }

.pms361box {
  background: #54b948;
  color: rgba(255, 255, 255, 0.87); }
  .pms361box h1, .pms361box h2, .pms361box h3 {
    color: #fff373; }
  .pms361box a, .pms361box p {
    color: rgba(255, 255, 255, 0.87); }
  .pms361box a:link, .pms361box a:visited {
    color: rgba(255, 255, 255, 0.87); }
  .pms361box a:hover, .pms361box a:active {
    color: rgba(255, 255, 255, 0.87); }

.pms363box {
  background: #3c8a2e;
  color: rgba(255, 255, 255, 0.87); }
  .pms363box h1, .pms363box h2, .pms363box h3 {
    color: #fff373; }
  .pms363box a, .pms363box p {
    color: rgba(255, 255, 255, 0.87); }
  .pms363box a:link, .pms363box a:visited {
    color: rgba(255, 255, 255, 0.87); }
  .pms363box a:hover, .pms363box a:active {
    color: rgba(255, 255, 255, 0.87); }

.pms376box {
  background: #8dc63f;
  color: rgba(255, 255, 255, 0.87); }
  .pms376box h1, .pms376box h2, .pms376box h3 {
    color: #fff373; }
  .pms376box a, .pms376box p {
    color: rgba(255, 255, 255, 0.87); }
  .pms376box a:link, .pms376box a:visited {
    color: rgba(255, 255, 255, 0.87); }
  .pms376box a:hover, .pms376box a:active {
    color: rgba(255, 255, 255, 0.87); }

.pms3935box {
  background: #fff373;
  color: rgba(0, 0, 0, 0.7); }
  .pms3935box h1, .pms3935box h2, .pms3935box h3 {
    color: #2c5234; }
  .pms3935box a, .pms3935box p {
    color: rgba(0, 0, 0, 0.7); }
  .pms3935box a:link, .pms3935box a:visited {
    color: rgba(0, 0, 0, 0.7); }
  .pms3935box a:hover, .pms3935box a:active {
    color: rgba(0, 0, 0, 0.7); }

.blackBox {
  background: #222;
  color: rgba(255, 255, 255, 0.87); }
  .blackBox h1, .blackBox h2, .blackBox h3 {
    color: #fff373; }
  .blackBox a, .blackBox p {
    color: rgba(255, 255, 255, 0.87); }
  .blackBox a:link, .blackBox a:visited {
    color: rgba(255, 255, 255, 0.87); }
  .blackBox a:hover, .blackBox a:active {
    color: rgba(255, 255, 255, 0.87); }

/* == Images == */
figure {
  margin: 1em 0;
  padding: 0;
  width: 100%; }
  figure img {
    margin: 0;
    padding: 0;
    /* removes bottom space from img tag */
    vertical-align: top;
    width: 100%; }
  @media (min-width: 768px) {
    figure.inlineLeft {
      margin: 0 1em 0 0;
      width: 50%;
      float: left; } }
  @media (min-width: 768px) {
    figure.inlineRight {
      margin: 0 0 0 1em;
      width: 50%;
      float: right; } }

figcaption {
  margin: 0 0 .5em 0;
  border-bottom: 1px solid #ccc;
  padding: .5em 0;
  font-size: .8em;
  font-style: italic; }

/* ============================== Typography */
html {
  color: rgba(0, 0, 0, 0.7);
  font-size: 10px;
  text-decoration-skip-ink: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
  font-display: swap;
  font-size: 1.4em; }
  @media (min-width: 768px) {
    body {
      font-size: 1.6rem; } }

/*
h1 { 
	text-align: center;
	@media(min-width: $bp-med) { text-align: left; }
}
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1; }

h1 {
  font-size: 3.5em;
  font-family: "PT Serif", Georgia, serif;
  color: #3c8a2e;
  letter-spacing: -.02em; }

h2 {
  font-size: 2.25em;
  font-family: "PT Serif", Georgia, serif;
  color: #2c5234;
  letter-spacing: -.01em; }

h3 {
  font-size: 1.5em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase; }

h4 {
  font-size: 1.5em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold; }

h5 {
  font-size: 1.2em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold; }

h6 {
  font-size: 1.2em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-style: italic; }

h1 + h2, h1 + h3, h3 + h4 {
  margin-top: .5em; }

h2 + h3 {
  margin-top: .75em; }

h1 + p, h2 + p {
  margin-top: .75em; }

h3 + p, h4 + p, h5 + p, h6 + p {
  margin-top: .5em; }

h3 + ul, h4 + ul, h5 + ul, h6 + ul {
  margin-top: .5em; }

p, details {
  margin: 0 0 1em 0;
  padding: 0; }

ul {
  margin-bottom: 1em; }

li li {
  font-size: 1em; }

summary {
  color: #3c8a2e;
  outline: none;
  font-size: 1.2em; }

small {
  font-size: 75%; }

strong {
  font-weight: 700; }

/* ============================== Classes */
.byline, .dateline, .deck, .kicker {
  margin: 0;
  padding: 0; }

.byline, .dateline {
  font-style: italic;
  font-weight: bold;
  color: #999; }

.byline {
  margin-bottom: 1em; }

.deck {
  margin: .5em 0 .75em 0;
  color: rgba(44, 82, 52, 0.65);
  font-size: 1.5em;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .deck {
      font-size: 2em; } }

.kicker {
  margin-top: 1.5em;
  font-family: "PT Serif", Georgia, serif;
  font-style: italic; }

.section-kicker {
  margin: .25em 0;
  font-family: "PT Serif", Georgia, serif;
  font-size: 1.5em;
  line-height: 1;
  font-style: italic; }

.pullquote {
  color: #3c8a2e;
  margin: 1.5em 0 1.5em 3em;
  border-left: 3px solid #ccc;
  padding: 0 0 0 1em;
  font-family: "PT Serif", Georgia, serif;
  font-style: italic;
  font-size: 1.5em; }

ul.checklist li {
  padding-left: 24px;
  list-style: none;
  background: url("/images/icons/li-checkbox-16.svg") no-repeat left 4px;
  background-size: 16px 16px; }

ul.checklist li li {
  padding: inherit;
  list-style: disc;
  background: none; }

/* ============================== MISCELLANEOUS */
/* ==================================== Site Nav */
.siteNavWrapper {
  width: 100vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  overflow: hidden;
  text-align: center; }
  @media (min-width: 768px) {
    .siteNavWrapper {
      position: absolute;
      outline: none;
      top: 40px;
      height: 100px; } }
  @media (min-width: 1200px) {
    .siteNavWrapper {
      top: 64px; } }

.siteNav {
  height: 64px;
  width: 100vw;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: flex; }
  @media (min-width: 768px) {
    .siteNav {
      margin: 0 auto;
      border: 1px solid rgba(0, 0, 0, 0.25);
      height: 64px;
      width: 128px; } }
  .siteNav div {
    flex: 0 0 50%;
    text-align: center; }
    .siteNav div:nth-child(even) {
      background: rgba(44, 82, 52, 0.9); }
    .siteNav div:nth-child(odd) {
      background: rgba(44, 82, 52, 0.9); }
    @media (min-width: 768px) {
      .siteNav div:nth-child(even) {
        background: rgba(0, 32, 0, 0.65); }
      .siteNav div:nth-child(odd) {
        background: rgba(255, 255, 255, 0.65); } }
  .siteNav a {
    margin: 9px auto;
    height: 44px;
    display: inline-block;
    text-decoration: none;
    outline: none; }
  .siteNav a:link, .siteNav a:visited {
    text-decoration: none;
    outline: none; }
  .siteNav a:hover, .siteNav a:active {
    text-decoration: none;
    outline: none; }
  .siteNav img {
    border-radius: 50%;
    height: 44px;
    transition: all 0.3s; }
  .siteNav .siteNav-logo {
    border: 1px solid transparent;
    background: black; }
    .siteNav .siteNav-logo:hover {
      background: #e1523d;
      border: 1px solid white; }
  .siteNav .siteNav-menu {
    border: 1px solid transparent;
    background: black; }
    .siteNav .siteNav-menu:hover {
      background: #e1523d;
      border: 1px solid white; }
    @media (min-width: 768px) {
      .siteNav .siteNav-menu {
        border: 1px solid white; } }

.siteNavID {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 3px black;
  font-size: 1.5rem;
  letter-spacing: .4em;
  text-align: center;
  text-transform: uppercase;
  display: none;
  /*
	margin-top: 1em;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
*/ }
  @media (min-width: 768px) {
    .siteNavID {
      margin: 1rem auto 0 auto;
      display: block; } }

nav#site-nav {
  margin: 0;
  border: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: 100;
  color: rgba(255, 255, 255, 0.87);
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4;
  font-size: 1rem; }
  nav#site-nav ul {
    margin: 0;
    border: 0;
    padding: 0; }
  nav#site-nav p {
    margin: 0;
    padding: 0; }
  @media (min-width: 768px) {
    nav#site-nav .cards p, nav#site-nav .cards ul {
      flex: 0 1 50%; } }
  @media (min-width: 992px) {
    nav#site-nav .cards p, nav#site-nav .cards ul {
      flex: 0 1 25%; } }
  nav#site-nav .cards li {
    padding: .5em .25em; }
  nav#site-nav .navBar-iconWrapper {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 3em;
    position: relative;
    font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    width: 49%;
    float: right;
    text-align: right; }
    @media (min-width: 768px) {
      nav#site-nav .navBar-iconWrapper {
        font-size: 4em; } }
    nav#site-nav .navBar-iconWrapper a {
      margin: 0;
      border: 0;
      padding: 0 0 0 .5em;
      color: #fff; }
      nav#site-nav .navBar-iconWrapper a:link, nav#site-nav .navBar-iconWrapper a:visited {
        color: #fff;
        text-decoration: none; }
      nav#site-nav .navBar-iconWrapper a:hover, nav#site-nav .navBar-iconWrapper a:active {
        color: #ffff00;
        text-decoration: underline; }
    nav#site-nav .navBar-iconWrapper .iconCard {
      position: relative;
      display: table-cell; }
      nav#site-nav .navBar-iconWrapper .iconCard p {
        display: block;
        color: rgba(255, 255, 255, 0.87);
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-size: 10px; }
  nav#site-nav .navBar-logo, nav#site-nav .navBar-icons {
    margin: 0;
    padding: 0;
    line-height: .5;
    font-size: 3em;
    font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
    font-weight: 300;
    text-transform: uppercase; }
    @media (min-width: 576px) {
      nav#site-nav .navBar-logo, nav#site-nav .navBar-icons {
        font-size: 3.5em; } }
    @media (min-width: 768px) {
      nav#site-nav .navBar-logo, nav#site-nav .navBar-icons {
        font-size: 4em; } }
  nav#site-nav .navBar-logo {
    width: 49%;
    width: 1.25em;
    float: left;
    overflow: hidden;
    transition: width 1s ease-out; }
    @media (min-width: 576px) {
      nav#site-nav .navBar-logo {
        width: 55%;
        overflow: inherit;
        /*
			background: url(/images/logos/cs_logo_icon-w.svg) 0 0 no-repeat;
			letter-spacing: .05em;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
*/ } }
  nav#site-nav .navBar-icons {
    width: 45%;
    float: right;
    text-align: right; }
    nav#site-nav .navBar-icons a {
      margin: 0;
      border: 0;
      padding: 0 0 0 .5em; }
  nav#site-nav a {
    color: #fff;
    position: relative; }
    nav#site-nav a:link, nav#site-nav a:visited {
      color: #fff;
      color: rgba(0, 0, 0, 0.7);
      text-decoration: none; }
    nav#site-nav a:hover, nav#site-nav a:active {
      color: #ffff00;
      text-decoration: underline; }

/* ==================================== navInPage */
nav.navInPage ul {
  margin: 2em 0;
  border: 1px solid #e1523d;
  border-radius: 6px;
  overflow: hidden;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #efefef;
  list-style: none;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif; }
  @media (min-width: 768px) {
    nav.navInPage ul {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; } }

nav.navInPage li {
  margin: 0;
  border: none;
  padding: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center; }

nav.navInPage li:not(:last-child) a {
  border-right: 1px solid orange;
  border-radius: 0; }

nav.navInPage li a {
  padding: .5em 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-weight: normal;
  text-decoration: none; }

nav.navInPage li a:hover, nav.navInPage li a:active, nav.navInPage li.active a {
  background: #e1523d;
  border-color: #fff;
  color: #fff; }

nav.navInPage li a:hover {
  background: #666; }

/* ==================================== Next Step Navigation */
.nextStep {
  margin: 3em 0 3.5em 0;
  display: flex;
  clear: both;
  color: rgba(0, 0, 0, 0.7);
  font-family: "PT Serif", Georgia, serif;
  font-size: 1.2em;
  font-style: italic; }
  .nextStep p {
    margin: auto;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: .25em 1em; }
  .nextStep a {
    padding: 0 .5em;
    color: black; }
  .nextStep a:link, .nextStep a:visited {
    color: black; }
  .nextStep a:hover, .nextStep a:active {
    color: #3c8a2e; }
  .nextStep a.progressLink {
    color: #e1523d; }
  .nextStep a.progressLink:link, .nextStep a.progressLink:visited {
    color: #e1523d; }
  .nextStep a.progressLink:hover, .nextStep a.progressLink:active {
    color: #3c8a2e; }

/* ==================================== Buttons */
button {
  margin: 0;
  border: 1px solid black;
  border-radius: 6px;
  padding: 0;
  background: rgba(255, 255, 255, 0.87); }
  button.contents a {
    display: block;
    margin: 0;
    padding: 10px 2em; }
    button.contents a:hover {
      background: #e1523d; }

.button-pill {
  margin: 0;
  border: 1px solid #e1523d;
  border-radius: 9999px;
  padding: .5em 1em;
  background: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
  line-height: 1;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  transition: all 0.5s; }
  @media (min-width: 768px) {
    .button-pill {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; } }
  .button-pill:hover {
    border: 1px solid #e1523d;
    background: #e1523d;
    color: white; }

.button-primary {
  margin: 0;
  border: 1px solid #e1523d;
  border-radius: 9999px;
  padding: .5em 1em;
  background: #e1523d;
  color: rgba(255, 255, 255, 0.87);
  font-size: 1em;
  line-height: 1;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  transition: all 0.5s; }
  @media (min-width: 768px) {
    .button-primary {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; } }
  .button-primary:hover {
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255, 255, 255, 0.87); }

.button-secondary {
  margin: 0;
  border: 1px solid #e1523d;
  border-radius: 9999px;
  padding: .5em 1em;
  background: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
  line-height: 1;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  transition: all 0.5s; }
  @media (min-width: 768px) {
    .button-secondary {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; } }
  .button-secondary:hover {
    background: #666;
    color: rgba(255, 255, 255, 0.87); }

/*	
.button-footer {
	margin: 0 .5em;
	border: 0;
	border-radius: $btnRadius;
	padding: .5em 1em;
	background: $PMS363;
	color: $almostWhite;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
	font-family: $fontNarrow;
	@media (min-width: $bp-med) {
		margin: 1em;
		font-family: $fontRegular;
		font-size: 1.5em;
	}
	text-transform: uppercase;
	&:hover { background: $PMS3935; color: $almostBlack; }
	transition: all 0.5s;
}
*/
/* ==================================== Site Navigation Page */
#site-nav-page {
  text-align: center; }
  #site-nav-page p, #site-nav-page ul, #site-nav-page li, #site-nav-page details, #site-nav-page summary {
    font-size: 1.2rem; }
  #site-nav-page p, #site-nav-page li, #site-nav-page summary, #site-nav-page details {
    margin: 0 0 .25em 0;
    padding: 0; }
  #site-nav-page summary:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1); }
  #site-nav-page ul {
    margin: 1em 0;
    padding: .5em 0 .25em 0; }
  #site-nav-page hr {
    width: 50%;
    height: 1px;
    color: rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
    border: none; }
  @media (min-width: 768px) {
    #site-nav-page {
      text-align: left; }
      #site-nav-page p, #site-nav-page ul, #site-nav-page li, #site-nav-page details, #site-nav-page summary {
        font-size: 1.4rem; }
      #site-nav-page p, #site-nav-page li, #site-nav-page summary, #site-nav-page details {
        margin: 0 0 .5em 0;
        padding: 0; }
      #site-nav-page ul ul {
        margin: 0 0 .25em 1em;
        padding: 0; }
      #site-nav-page hr {
        margin: 0; } }

/* ==================================== ctaWrapper */
/* ==================================== Links */
main a {
  outline: none;
  text-decoration: none;
  color: #e1523d;
  word-wrap: break-word; }
  main a:link, main a:visited {
    color: #e1523d;
    text-decoration: none; }
  main a:hover, main a:active {
    color: #3c8a2e;
    text-decoration: underline; }

a.button-nav {
  margin: 0;
  border: 0;
  padding: .25em .5em;
  border: 1px solid #e1523d;
  border-radius: 6px;
  background: #e1523d;
  background: none;
  color: rgba(255, 255, 255, 0.87);
  color: rgba(0, 0, 0, 0.7);
  font-size: 1rem;
  line-height: 1em;
  text-transform: uppercase;
  transition: all 0.5s ease;
  text-decoration: none; }
  a.button-nav:link, a.button-nav:visited {
    text-decoration: none; }
  a.button-nav:hover, a.button-nav:active {
    background: #222;
    color: rgba(255, 255, 255, 0.87);
    text-decoration: none; }

a.button-nav-dark {
  margin: 0 0 1em 0;
  border: 0;
  padding: .5em 1em;
  border: 1px solid #e1523d;
  border-radius: 6px;
  background: #e1523d;
  color: rgba(255, 255, 255, 0.87);
  display: inline-block; }

/* ==================================== Go To Top Button */
#gotoTopBtn {
  margin: 0;
  border-right: 0px solid rgba(0, 0, 0, 0.75);
  padding: .6em 4px 1em 4px;
  outline: none;
  display: none;
  position: fixed;
  bottom: 80px;
  right: 0;
  z-index: 999;
  width: 44px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s; }

@media (min-width: 768px) {
  #gotoTopBtn {
    border-right: 16px solid rgba(0, 0, 0, 0.75);
    width: 60px; } }

#gotoTopBtn:hover {
  background: #e1523d; }

#topUpArrow {
  height: 2em;
  width: 2em; }

/* ==================================== Temp */
.temp-drop-down {
  margin: 0;
  padding: .25em;
  background: #8dc63f;
  font-size: 9px; }

:root {
  --pms350: 44,82,52;
  --pms361: 63,174,42;
  --pms363: 76,139,43;
  --pms376: 130,188,0;
  --pms3935: 245,233,91;
  --pmsCoolGray5: 179,178,177;
  --pmsWarmGray11: 108,98,90;
  --fontNarrow: 'Proxima Nova Extra Condensed',proxima-nova-extra-condensed,"Open Sans Condensed","Arial Narrow",sans-serif;
  --fontRegular: 'Proxima Nova', proxima-nova,"Open Sans",Helvetica,sans-serif;
  --fontSerif: "Adobe Garamond Pro",adobe-garamond-pro,"PT Serif",Georgia,serif;
  --btnRadius: 6px; }

summary, .scrollFromHero img {
  cursor: pointer; }

.scrollFromHero img:hover {
  -webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.65));
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.65)); }

body.viewbook main, body.startGuide main {
  max-width: none; }

body.viewbook section.story, body.startGuide section.story {
  margin: 2.5em auto 1em auto;
  padding: 0 3em;
  max-width: 35em; }
  @media (min-width: 768px) {
    body.viewbook section.story, body.startGuide section.story {
      padding: 0; } }

body.viewbook section.callOut, body.startGuide section.callOut {
  margin: 2em auto;
  padding: 0 3em;
  max-width: 35em; }
  body.viewbook section.callOut figure, body.viewbook section.callOut div, body.startGuide section.callOut figure, body.startGuide section.callOut div {
    margin: 0;
    padding: 0;
    flex: 0 1 50%;
    background: rgba(60, 138, 46, 0.2); }
  @media (min-width: 768px) {
    body.viewbook section.callOut img, body.startGuide section.callOut img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%; } }
  body.viewbook section.callOut div, body.startGuide section.callOut div {
    padding: 1em 1em 1em 2em;
    background: rgba(60, 138, 46, 0.2); }
  @media (min-width: 768px) {
    body.viewbook section.callOut, body.startGuide section.callOut {
      padding: 0;
      display: flex; } }

/* viewbook override for #identitySlug */
body.viewbook #identitySlug, body.startGuide #identitySlug {
  margin: 3em auto 2.5em auto;
  padding: 0 3em; }
  @media (min-width: 768px) {
    body.viewbook #identitySlug, body.startGuide #identitySlug {
      margin: 3em auto 2.5em auto; } }

body.startGuide .hero {
  background-image: url("../images/atlc-curved-sidewalk-blur2.jpg"), url("../images/atlc-curved-sidewalk-blur3.jpg");
  background-color: rgba(44, 82, 52, 0.8);
  background-blend-mode: multiply; }
  body.startGuide .hero h1 {
    color: rgba(0, 0, 0, 0.65); }

body.startGuide .sgCollege {
  background: #2c5234 url("../images/atlc-curved-sidewalk-1c-2.jpg") no-repeat center center fixed;
  background-size: cover;
  background-blend-mode: multiply; }

body.startGuide .sgEnrollment {
  background: #8dc63f url("../images/atlc-curved-sidewalk-1c-2.jpg") no-repeat center center fixed;
  background-size: cover;
  background-blend-mode: multiply; }

body.startGuide .sgFinancial {
  background: #54b948 url("../images/atlc-curved-sidewalk-1c-2.jpg") no-repeat center center fixed;
  background-size: cover;
  background-blend-mode: multiply; }

body.startGuide .startGuideTitleBlock {
  margin-bottom: 100px;
  grid-template-areas: "ID gutter title" "TOC gutter description"; }
  @media (min-width: 768px) {
    body.startGuide .startGuideTitleBlock {
      margin-bottom: 1em;
      display: grid;
      grid-template-columns: 1fr 1px 1fr; }
      body.startGuide .startGuideTitleBlock .startGuideID, body.startGuide .startGuideTitleBlock .startGuideTOC {
        text-align: right; }
      body.startGuide .startGuideTitleBlock .startGuideTitle, body.startGuide .startGuideTitleBlock .startGuideDesc {
        text-align: left; } }

body.startGuide .startGuideTitle {
  margin-bottom: 0;
  grid-area: title;
  color: rgba(255, 255, 255, 0.87);
  font-size: 2em;
  font-weight: 900;
  line-height: 1.2; }
  @media (min-width: 768px) {
    body.startGuide .startGuideTitle {
      margin: 0 0 4px 16px;
      padding: 0;
      align-self: end;
      font-size: 3em;
      line-height: 1; } }
  @media (min-width: 992px) {
    body.startGuide .startGuideTitle {
      font-size: 5em; } }

body.startGuide .startGuideDesc {
  grid-area: description;
  color: #fff373;
  font-weight: 400; }
  @media (min-width: 768px) {
    body.startGuide .startGuideDesc {
      margin: 0 0 0 16px;
      padding: 0;
      font-size: 1.5em;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    body.startGuide .startGuideDesc {
      font-size: 2em; } }

body.startGuide .startGuideID {
  margin-bottom: 0;
  grid-area: ID;
  color: #e1523d;
  font-size: 1.3em;
  font-weight: 900; }
  @media (min-width: 768px) {
    body.startGuide .startGuideID {
      margin: 0 16px 4px 0;
      padding: 0;
      align-self: end;
      font-size: 1.5em; } }

body.startGuide .startGuideTOC {
  grid-area: TOC;
  color: #ada39b;
  font-weight: 400; }
  @media (min-width: 768px) {
    body.startGuide .startGuideTOC {
      margin: 0 16px 0 0;
      padding: 0; } }
  body.startGuide .startGuideTOC a:link, body.startGuide .startGuideTOC a:visited {
    color: #ada39b;
    text-decoration: none; }
  body.startGuide .startGuideTOC a:hover, body.startGuide .startGuideTOC a:active {
    color: #fff373;
    text-decoration: underline; }

body.startGuide .startGuideGutter {
  grid-area: gutter; }
  @media (min-width: 768px) {
    body.startGuide .startGuideGutter {
      background: rgba(255, 255, 255, 0.2); } }

/* section hero - backgrounds */
.vbStart {
  background-color: #3c8a2e;
  background-image: url("../images/atlc-curved-sidewalk-704C9598-1200.jpg"), url("../images/atlc-curved-sidewalk-704C9598-1200-blur.jpg"); }
  @media (min-width: 768px) {
    .vbStart {
      background-image: url("../images/atlc-curved-sidewalk-704C9598-1800.jpg"), url("../images/atlc-curved-sidewalk-704C9598-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbStart {
      background-image: url("../images/atlc-curved-sidewalk-704C9598-2400.jpg"), url("../images/atlc-curved-sidewalk-704C9598-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbStart {
      background-image: url("../images/atlc-curved-sidewalk-704C9598-4800.jpg"), url("../images/atlc-curved-sidewalk-704C9598-1200-blur.jpg"); } }

.vbSee {
  background-image: url("../images/students_table_6-1200.jpg"), url("../images/students_table_6-1200-blur.jpg"); }
  @media (min-width: 768px) {
    .vbSee {
      background-image: url("../images/students_table_6-1800.jpg"), url("../images/students_table_6-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbSee {
      background-image: url("../images/students_table_6-2400.jpg"), url("../images/students_table_6-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbSee {
      background-image: url("../images/students_table_6-4800.jpg"), url("../images/students_table_6-1200-blur.jpg"); } }

.vbValue {
  background-image: url("../images/034-Stairs-1200.jpg"), url("../images/034-Stairs-1200-blur.jpg"); }
  @media (min-width: 768px) {
    .vbValue {
      background-image: url("../images/034-Stairs-1800.jpg"), url("../images/034-Stairs-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbValue {
      background-image: url("../images/034-Stairs-2400.jpg"), url("../images/034-Stairs-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbValue {
      background-image: url("../images/034-Stairs-3988.jpg"), url("../images/034-Stairs-1200-blur.jpg"); } }

.vbQuality {
  background-image: url("../images/page-3-1200.jpg"), url("../images/page-3-1200-blur.jpg");
  background-position: 60% center; }
  @media (min-width: 768px) {
    .vbQuality {
      background-image: url("../images/page-3-1800.jpg"), url("../images/page-3-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbQuality {
      background-image: url("../images/page-3-2400.jpg"), url("../images/page-3-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbQuality {
      background-image: url("../images/page-3-4014.jpg"), url("../images/page-3-1200-blur.jpg"); } }

.vbCoop {
  background-image: url("../images/037-Fire-Instructor-1200.jpg"), url("../images/037-Fire-Instructor-1200-blur.jpg");
  background-position: 70% center; }
  @media (min-width: 768px) {
    .vbCoop {
      background-image: url("../images/037-Fire-Instructor-1800.jpg"), url("../images/037-Fire-Instructor-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbCoop {
      background-image: url("../images/037-Fire-Instructor-2400.jpg"), url("../images/037-Fire-Instructor-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbCoop {
      background-image: url("../images/037-Fire-Instructor-4800.jpg"), url("../images/037-Fire-Instructor-1200-blur.jpg"); } }

.vbBachelor {
  background-image: url("../images/student_wComputer_atTable-1200.jpg"), url("../images/student_wComputer_atTable-1200-blur.jpg");
  background-position: 40% center; }
  @media (min-width: 768px) {
    .vbBachelor {
      background-image: url("../images/student_wComputer_atTable-1800.jpg"), url("../images/student_wComputer_atTable-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbBachelor {
      background-image: url("../images/student_wComputer_atTable-2400.jpg"), url("../images/student_wComputer_atTable-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbBachelor {
      background-image: url("../images/student_wComputer_atTable-4368.jpg"), url("../images/student_wComputer_atTable-1200-blur.jpg"); } }

.vbApply {
  background-image: url("../images/704C3203-1200.jpg"), url("../images/704C3203-1200-blur.jpg"); }
  @media (min-width: 768px) {
    .vbApply {
      background-image: url("../images/704C3203-1800.jpg"), url("../images/704C3203-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbApply {
      background-image: url("../images/704C3203-2400.jpg"), url("../images/704C3203-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbApply {
      background-image: url("../images/704C3203-3600.jpg"), url("../images/704C3203-1200-blur.jpg"); } }

.vbCampus {
  background-image: url("../images/019-Basketball-1200.jpg"), url("../images/019-Basketball-1200-blur.jpg"); }
  @media (min-width: 768px) {
    .vbCampus {
      background-image: url("../images/019-Basketball-1800.jpg"), url("../images/019-Basketball-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbCampus {
      background-image: url("../images/019-Basketball-2400.jpg"), url("../images/019-Basketball-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbCampus {
      background-image: url("../images/019-Basketball-3329.jpg"), url("../images/019-Basketball-1200-blur.jpg"); } }

.vbHelp {
  background-image: url("../images/support_study-redhead-1200.jpg"), url("../images/support_study-redhead-1200-blur.jpg"); }
  @media (min-width: 768px) {
    .vbHelp {
      background-image: url("../images/support_study-redhead-1800.jpg"), url("../images/support_study-redhead-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbHelp {
      background-image: url("../images/support_study-redhead-2400.jpg"), url("../images/support_study-redhead-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbHelp {
      background-image: url("../images/support_study-redhead-4800.jpg"), url("../images/support_study-redhead-1200-blur.jpg"); } }

.vbSupport {
  background-image: url("../images/support_center_support-1200.jpg"), url("../images/support_center_support-1200-blur.jpg");
  background-position: 30% center; }
  @media (min-width: 768px) {
    .vbSupport {
      background-image: url("../images/support_center_support-1800.jpg"), url("../images/support_center_support-1200-blur.jpg"); } }
  @media (min-width: 1200px) {
    .vbSupport {
      background-image: url("../images/support_center_support-2400.jpg"), url("../images/support_center_support-1200-blur.jpg"); } }
  @media (min-width: 1520px) {
    .vbSupport {
      background-image: url("../images/support_center_support-4093.jpg"), url("../images/support_center_support-1200-blur.jpg"); } }

.vbConvenience {
  background-image: url("../images/middletown-704C0182-1200.jpg"), url("../images/middletown-704C0182-1200-blur.jpg");
  background-position: 30% center; }
  @media (min-width: 768px) {
    .vbConvenience {
      background-image: url("../images/middletown-704C0182-1800.jpg"), url("../images/middletown-704C0182-1200-blur.jpg"); } }

@media (min-width: 992px) {
  .vbBachelor {
    background-position: center center; }
  .vbCoop {
    background-position: center center; }
  .vbSupport {
    background-position: center center; }
  .vbQuality {
    background-position: center center; } }

nav.viewbookNav {
  text-align: center;
  background: #2c5234;
  font-size: 1.2rem; }
  nav.viewbookNav h2 {
    padding-bottom: .25em;
    font-size: 2.25em; }
  nav.viewbookNav li {
    font-size: 1.2em;
    line-height: 2.1; }
  @media (min-width: 768px) {
    nav.viewbookNav {
      display: flex;
      justify-content: center; } }
  nav.viewbookNav section {
    padding: 3em 1em; }
    @media (min-width: 768px) {
      nav.viewbookNav section {
        padding: 4em 1em 3em 1em;
        flex: 0 1 calc(768px/2); } }
  nav.viewbookNav a {
    color: rgba(255, 255, 255, 0.87);
    font-weight: normal;
    text-decoration: none; }
  nav.viewbookNav a:link, nav.viewbookNav a:visited {
    color: rgba(255, 255, 255, 0.87);
    text-decoration: none; }
  nav.viewbookNav a:hover, nav.viewbookNav a:active {
    color: #fff373;
    text-decoration: underline; }
  nav.viewbookNav h2 a:link, nav.viewbookNav h2 a:visited {
    color: #8dc63f; }
  nav.viewbookNav h2 a:hover, nav.viewbookNav h2 a:active {
    color: #fff373; }
  nav.viewbookNav a.link-cta:link, nav.viewbookNav a.link-cta:visited {
    color: #8dc63f; }
  nav.viewbookNav a.link-cta:hover, nav.viewbookNav a.link-cta:active {
    color: #fff373; }

footer#site-footer .bottom {
  padding-bottom: 64px; }
  @media (min-width: 768px) {
    footer#site-footer .bottom {
      padding-bottom: inherit; } }

figure.viewbook-footer-logo {
  margin: 0 0 1em 0;
  padding: 0; }
  figure.viewbook-footer-logo img {
    height: 64px;
    width: auto; }

/* ==================================== Site Footer */
footer#site-footer {
  margin: 0;
  border: 0;
  padding: 0;
  width: 100vw;
  background: #002100;
  color: rgba(255, 255, 255, 0.87);
  line-height: 1.4;
  font-size: 1.2rem;
  text-align: center; }
  footer#site-footer ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none; }
  footer#site-footer li:first-child {
    color: #8dc63f;
    font-family: "PT Serif", Georgia, serif;
    font-size: 2em; }
  footer#site-footer h3 {
    color: #8dc63f; }
  footer#site-footer strong {
    color: #8dc63f; }
  footer#site-footer a {
    font-weight: normal;
    text-decoration: none; }
    footer#site-footer a:link, footer#site-footer a:visited {
      color: rgba(255, 255, 255, 0.87);
      text-decoration: none; }
    footer#site-footer a:hover, footer#site-footer a:active {
      color: #fff373;
      text-decoration: underline; }
  footer#site-footer .cards {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  footer#site-footer .bottom {
    background: #000; }
    footer#site-footer .bottom p {
      margin: 0;
      padding: 0;
      line-height: 1; }
  footer#site-footer .icon {
    font-size: 2.5em; }
    @media (min-width: 768px) {
      footer#site-footer .icon {
        font-size: 3.5em; } }
    @media (min-width: 992px) {
      footer#site-footer .icon {
        font-size: 4em; } }
  footer#site-footer .icons {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /*
		img { 
			width: 32px; height:32px; 
			@media (min-width: $bp-med) {
			width: 40px; height:40px; 
			}
			@media (min-width: $bp-large) {
			width: 48px; height:48px; 
			}
		}
*/ }
    footer#site-footer .icons a {
      padding-right: 1em; }
      @media (min-width: 768px) {
        footer#site-footer .icons a {
          padding-right: 1.5em; } }
    footer#site-footer .icons div {
      margin: 1em 0; }
  footer#site-footer .legal, footer#site-footer .icons {
    font-size: 1.2em; }

/* ============================================== Footer Table */
/* ============= switched to flex-box - delete Footer Table??? */
/*
footer table {
	@media (min-width: $bp-med) {
		margin: 2em auto;
		max-width: $bp-med;
	}
	table-layout: fixed; 
	border-collapse: collapse; 
	tr:not(:first-child) {
		border-top: 1px solid #fff; 
		border-bottom: 1px solid #fff;
	}
	th {
		margin: 0;
		padding: 1em 0 .5em 0;
		font-size: 1.6em;
		line-height: 1;
		color: #000000;
		vertical-align: bottom;
		background: none;
	}
	td {
	}
	p {
		margin: 0;
		border: 0;
		padding: 0;
		color: #666;
	}
}
*/
/* ============================================== Tables */
.tableWrapper {
  width: 100%;
  overflow-x: scroll; }

table {
  margin: 1em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid #eee;
  padding: 0;
  border-collapse: collapse;
  background: #fff;
  width: 100%;
  font-size: 1rem;
  table-layout: fixed; }
  @media (min-width: 768px) {
    table {
      table-layout: auto; } }

caption {
  padding: .5em .75em;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  font-size: 1.5em;
  font-weight: normal;
  text-align: left; }

tr + tr {
  border-top: 1px solid #eee; }

tr:nth-child(even) {
  background: #fafafa; }

tr:nth-child(odd) {
  background: #fff; }

tr.tableFooter {
  background: #eee; }

td, th {
  padding: .5em 1em;
  text-align: left;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-size: 1.2em; }
  @media (min-width: 576px) {
    td, th {
      font-family: "Open Sans", Helvetica, Arial, sans-serif; } }
  @media (min-width: 768px) {
    td, th {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      padding: 1em;
      font-size: 1.4em; } }

td {
  vertical-align: top; }

th {
  vertical-align: bottom;
  background: #eee;
  font-weight: normal;
  line-height: 1.1; }

/* ============================================== Calendar - Row Centric */
table.calendar-row {
  margin-top: 36px;
  margin-bottom: 24px;
  border-top: 3px solid #ddd;
  border-bottom: 3px solid #ddd; }
  table.calendar-row caption {
    padding: 0 0 8px 8px;
    background: none;
    color: #007700;
    font-size: 24px; }
  table.calendar-row td {
    height: 24px;
    padding: 8px 8px 8px 16px; }

/* ============================================== Calendar - Grid Centric */
table.calendar-grid {
  margin: 0;
  font-size: 13px;
  width: 100%;
  text-align: center; }
  table.calendar-grid td, table.calendar-grid th {
    padding: 0;
    text-align: center; }
  table.calendar-grid caption {
    padding: .5em 1em .5em .5em; }
  table.calendar-grid td, table.calendar-grid th {
    border: 1px solid #ccc;
    line-height: 22px; }
  table.calendar-grid .cal-closed {
    background: #ccc; }
  table.calendar-grid .cal-open {
    border: 2px solid #000; }
  table.calendar-grid .cal-semester {
    background: #3c8a2e;
    color: #fff; }
  table.calendar-grid .cal-sevenWeek {
    background: #fff373; }
  table.calendar-grid .cal-tenWeek {
    background: #222;
    color: #fff; }
  table.calendar-grid .cal-bothMester {
    background: #3c8a2e;
    background: linear-gradient(to right, #3c8a2e, #3c8a2e 50%, #000 50%, #000 100%);
    color: #fff; }

.wrapper-calendar {
  display: flex;
  flex-wrap: wrap; }

.wrapper-month {
  margin: 1em 1em 1em 0;
  padding: 15px;
  background: rgba(0, 0, 0, 0.1);
  width: 220px;
  line-height: 1; }

/* ============================================== Calendar - Colors */
ul.cal-key {
  margin: 1em 0;
  padding: .25em 0;
  list-style: none;
  font-size: 1rem;
  position: relative; }
  ul.cal-key li {
    margin: .25em 0 .25em 2em;
    padding: .25em 0;
    line-height: 1.5; }
  ul.cal-key li + li {
    border-top: 1px solid #eee; }
  ul.cal-key span {
    margin-right: 1em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em; }
    ul.cal-key span.closed {
      background: #ccc; }
    ul.cal-key span.open {
      border: 2px solid #000; }
    ul.cal-key span.semester {
      background: #3c8a2e;
      color: #fff; }
    ul.cal-key span.sevenWeek {
      background: #fff373; }
    ul.cal-key span.tenWeek {
      background: #222;
      color: #fff; }

/* ============================== Mixins */
.sans-regular {
  font-family: "Open Sans",Helvetica,sans-serif;
  font-weight: 300; }

.sans-italic {
  font-family: "Open Sans",Helvetica,sans-serif;
  font-weight: 300;
  font-style: italic; }

.sans-bold {
  font-family: "Open Sans",Helvetica,sans-serif;
  font-weight: 700; }

.sans-cond {
  font-family: "Open Sans Condensed","Arial Narrow",sans-serif;
  font-weight: 300; }

.sans-cond-bold {
  font-family: "Open Sans Condensed","Arial Narrow",sans-serif;
  font-weight: 700; }

.serif-regular {
  font-family: "PT Serif",Georgia,serif;
  font-weight: 400; }

.serif-italic {
  font-family: "PT Serif",Georgia,serif;
  font-style: italic;
  font-weight: 400; }

.serif-bold {
  font-family: "PT Serif",Georgia,serif;
  font-weight: 700; }

.type-specimen {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
  font-size: 1.5em; }

@media print {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    color: black;
    text-align: left;
    font-family: sans-serif; }
  footer {
    display: none; }
  h1 {
    font-size: 36px; }
  h2 {
    font-size: 24px; }
  li, p {
    line-height: 1.4; }
  section {
    margin: 0;
    padding: 0; }
  nav.viewbookNav {
    display: none; }
  p.deck {
    font-style: normal; }
  #identitySlug, body.viewbook #identitySlug, body.startGuide #identitySlug {
    margin: 0 0 1em 0;
    border-bottom: 1px solid black;
    padding: 0 0 .25em 0; }
  #identitySlug p {
    margin: 0;
    border: 0;
    padding: 0;
    color: black;
    font-family: sans-serif;
    font-style: normal; }
  .hero {
    display: none; }
  .nextStep {
    display: none; }
  .siteNav {
    display: none; }
  .ctaWrapper {
    display: none; }
  .skipPrint {
    display: none; }
  table.calendar-row {
    margin: 18px 0;
    border-top: 3px solid #ddd;
    border-bottom: 3px solid #ddd; }
    table.calendar-row caption {
      padding: 0 0 0 8px;
      background: none;
      color: #007700;
      font-size: 14px; }
    table.calendar-row td {
      height: 24px;
      padding: 4px; } }

/* ==================================== Debug */
main a[href="#"] {
  background: yellow; }

img[alt=""], img:not([alt]) {
  border: 6px dotted #aaf; }

.fix {
  color: red;
  font-weight: bold;
  margin: 1em;
  border: 6px dotted red;
  padding: 1em; }

/* ==================================== Temporary */

/*# sourceMappingURL=microsite.css.map */