/******************************************************************************
*******************************************************************************
**
** Main TILT CSS file
** Author: nolan b smith and peter j connor
** Last Modified: 15/05/2018(d/m/y) by nbs
**
*******************************************************************************
******************************************************************************/
/* TODO:
    redo how css tables work, add some classes for often used needs
*/
/******************************************************************************
***********************************************************************[TOC00]*
**
** Table of Contents 
**
*******************************************************************************
******************************************************************************/
/*
[VARS0]
[HEADR] - Header
	[BRNDB] - Brand Bar
	[MYTLT] - My TILT
    [MTLTM]
    [PROBR]
[MAIN0] - Main
[FOOTR] - Footer
[BTTNS]
[COLRS]
	[TLTCR]
	[CSUCR]
[TILES]
	[3CTLS]
	[2CTLZ]
	[TLECR]
	[TTTLS]
[ACCES]
[ANRPT]
[COLS0]
[BRDCM]

[HTML0] - MAIN HTML CSS tag classes.
[LISTS]
[FLOAT]
[TABLE]
[MISC0]
[EXPER]
*/
/******************************************************************************
***********************************************************************[VARS0]*
**
** Variables
**
*******************************************************************************
******************************************************************************/
/*
** Dimensions $dim
*/
/*
** Position $pos
*/
/*
** Colors $clr
*/
/*
** New Colors
*/
/*
** Buttons $btnSize
*/
/*
** Mixins $mix
*/
/*Mixin below excerpted (and edited) From: Dan Cederholm. "Sass for Web Designers." iBooks.*/
/*Mixin below excerpted From: Dan Cederholm. "Sass for Web Designers." iBooks.*/
/*Mixin below excerpted From: Dan Cederholm. "Sass for Web Designers." iBooks.*/
/******************************************************************************
***********************************************************************[HTML0]*
**
** HTML CSS tag classes.
**
*******************************************************************************
******************************************************************************/
html {
  height: 100%; }

body {
  font-family: "prox-regular", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  color: black;
  border: 0;
  padding: 0;
  margin: 0;
  /*width: 87.5%;
	margin: 0 auto;*/ }
  @media (max-width: 800px) {
    body {
      margin: 0 auto; } }
  @media (max-width: 500px) {
    body {
      margin: 0 auto; } }

header, nav, main, footer {
  display: block; }

section, article, aside {
  display: inline-block; }

a {
  /*KEEP*/
  color: green;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #0d4000; }

a:hover, a:focus {
  /*KEEP*/
  color: #c8c372;
  background-color: #0d4000; }

a.wht {
  /*KEEP*/
  color: white;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid white; }

a.wht:hover, a.wht:focus {
  /*KEEP*/
  color: #0d4000;
  background-color: #c8c372;
  border-bottom: none; }

a.pine {
  /*KEEP*/
  color: #0d4000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #0d4000; }

a.pine:hover, a.pine:focus {
  /*KEEP*/
  color: white;
  background-color: #0d4000;
  border-bottom: none; }

a.bbWht {
  border-bottom: 1px solid white; }

a.bbDkSl {
  border-bottom: 1px solid #105456; }

a.plainLink {
  border-bottom: 0px; }

a.plainLink:hover {
  background-color: transparent; }

a.plainLink img {
  border: 0px; }

h1 {
  font-family: "Vitesse Medium", "Vitesse", courier; }

h2, h3, h4, h5, h6 {
  font-family: "Klavika", helvetica, arial; }

h1.pageTitle {
  margin: 0 auto .3em auto;
  background-color: rgba(200, 195, 114, 0.7);
  border-top: 2px solid #1e4d2b;
  border-bottom: 2px solid #1e4d2b;
  text-align: center;
  padding: .3em 0 .3em .1em; }

h1 {
  font-size: 1.15em;
  padding: .3em 0 .3em 0;
  color: #0d4000;
  text-transform: uppercase; }

h2 {
  font-size: 1em;
  color: #255f35;
  text-transform: uppercase;
  padding-left: .1em; }

h3 {
  font-size: 1em;
  color: green;
  padding-left: .1em; }
  h3 a {
    color: green;
    border-bottom: 1px solid #0d4000; }
  h3 a:hover, h3 a:focus {
    color: #f2ffd3;
    background-color: #0d4000; }

h4 {
  font-size: .9em;
  color: #0d4000;
  padding: 0 0 .1em .1em; }

.links {
  list-style-type: none;
  font-size: .8em;
  font-weight: bold;
  /*margin-left: -.5em;*/ }

figure {
  margin: 0 0;
  display: table; }
  figure img {
    display: block;
    max-width: 100%; }

@media (max-width: 640px) {
  figure.alt {
    margin: 0 0;
    display: table; }
    figure.alt img {
      display: block;
      max-width: 50%; } }

figcaption {
  color: #0d4000;
  /*font-size: .9em;*/
  font-style: italic;
  padding-bottom: .5em;
  display: table-caption;
  caption-side: bottom; }

figcaption.captionB {
  caption-side: bottom; }

figcaption.captionT {
  caption-side: top; }

figcaption.captionR {
  caption-side: right; }

hr {
  border: 0;
  height: .15em;
  clear: both; }

hr.corn {
  background-image: -webkit-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0));
  background-image: -o-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0)); }

hr.gold {
  background-image: -webkit-linear-gradient(left, rgba(200, 195, 114, 0), rgba(200, 195, 114, 0.75), rgba(200, 195, 114, 0));
  background-image: -moz-linear-gradient(left, rgba(200, 195, 114, 0), rgba(200, 195, 114, 0.75), rgba(200, 195, 114, 0));
  background-image: -ms-linear-gradient(left, rgba(200, 195, 114, 0), rgba(200, 195, 114, 0.75), rgba(200, 195, 114, 0));
  background-image: -o-linear-gradient(left, rgba(200, 195, 114, 0), rgba(200, 195, 114, 0.75), rgba(200, 195, 114, 0)); }

hr.grass {
  background-image: -webkit-linear-gradient(left, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.75), rgba(0, 128, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.75), rgba(0, 128, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.75), rgba(0, 128, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.75), rgba(0, 128, 0, 0)); }

hr.grn {
  background-image: -webkit-linear-gradient(left, rgba(137, 95, 53, 0), rgba(37, 95, 53, 0.75), rgba(137, 95, 53, 0));
  background-image: -moz-linear-gradient(left, rgba(137, 95, 53, 0), rgba(37, 95, 53, 0.75), rgba(137, 95, 53, 0));
  background-image: -ms-linear-gradient(left, rgba(137, 95, 53, 0), rgba(37, 95, 53, 0.75), rgba(137, 95, 53, 0));
  background-image: -o-linear-gradient(left, rgba(137, 95, 53, 0), rgba(37, 95, 53, 0.75), rgba(137, 95, 53, 0)); }

hr.pine {
  background-image: -webkit-linear-gradient(left, rgba(13, 64, 0, 0), rgba(13, 64, 0, 0.75), rgba(13, 64, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(13, 64, 0, 0), rgba(13, 64, 0, 0.75), rgba(13, 64, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(13, 64, 0, 0), rgba(13, 64, 0, 0.75), rgba(13, 64, 0, 0));
  background-image: -o-linear-gradient(left, rgba(13, 64, 0, 0), rgba(13, 64, 0, 0.75), rgba(13, 64, 0, 0)); }

hr.sumr {
  background-image: -webkit-linear-gradient(left, rgba(82, 186, 0, 0), rgba(82, 186, 0, 0.75), rgba(82, 186, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(82, 186, 0, 0), rgba(82, 186, 0, 0.75), rgba(82, 186, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(82, 186, 0, 0), rgba(82, 186, 0, 0.75), rgba(82, 186, 0, 0));
  background-image: -o-linear-gradient(left, rgba(82, 186, 0, 0), rgba(82, 186, 0, 0.75), rgba(82, 186, 0, 0)); }

/******************************************************************************
***********************************************************************[HEADR]*
**
** Header
**
*******************************************************************************
******************************************************************************/
#mainHeader {
  display: block; }

/**********************************
***************************[BRNDB]*
**
** Brand Bar 
**
***********************************
**********************************/
.brandBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background-color: #0d4000;
  border-bottom: 2px solid #ffd100;
  padding: 0; }
  @media (max-width: 1024px) {
    .brandBar {
      position: relative; } }
  @media (max-width: 640px) {
    .brandBar {
      flex-direction: column; } }

.responsiveLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative; }
  @media (max-width: 640px) {
    .responsiveLogo {
      justify-content: center; } }
  .responsiveLogo .responsiveCSULogo {
    padding: 1em 0 1em 1em; }
    .responsiveLogo .responsiveCSULogo .csuLogo {
      background: url(/images/header/csuLogoDesk.svg) no-repeat;
      background-position: 0 center;
      width: 380px;
      height: 54px; }
    .responsiveLogo .responsiveCSULogo .csuLogo:hover {
      background: url(/images/header/csuLogoDeskH.svg) no-repeat;
      background-position: 0 center; }
    @media (max-width: 1024px) {
      .responsiveLogo .responsiveCSULogo .csuLogo {
        background: url(/images/header/csuLogoTab.svg) no-repeat;
        background-position: 0 center;
        width: 230px; }
      .responsiveLogo .responsiveCSULogo .csuLogo:hover {
        background: url(/images/header/csuLogoTabH.svg) no-repeat;
        background-position: 0 center; } }
    @media (max-width: 865px) {
      .responsiveLogo .responsiveCSULogo .csuLogo {
        background: url(/images/header/csuLogoMob.svg) no-repeat;
        background-position: 0 center;
        width: 150px; }
      .responsiveLogo .responsiveCSULogo .csuLogo:hover {
        background: url(/images/header/csuLogoMobH.svg) no-repeat;
        background-position: 0 center; } }
  .responsiveLogo .responsiveUnitLogo {
    padding: 1em 0 1em 0; }
    .responsiveLogo .responsiveUnitLogo .unitLogo {
      background: url(/images/header/tiltLogoDesk.svg) no-repeat;
      background-position: 0 center;
      width: 280px;
      height: 54px; }
    .responsiveLogo .responsiveUnitLogo .unitLogo:hover {
      background: url(/images/header/tiltLogoDeskH.svg) no-repeat;
      background-position: 0 center; }
    @media (max-width: 1000px) {
      .responsiveLogo .responsiveUnitLogo .unitLogo {
        background: url(/images/header/tiltLogoDesk.svg) no-repeat;
        background-position: 0 center;
        width: 280px; } }
    @media (max-width: 865px) {
      .responsiveLogo .responsiveUnitLogo .unitLogo {
        background: url(/images/header/tiltLogoMob.svg) no-repeat;
        background-position: 0 center;
        width: 150px; }
      .responsiveLogo .responsiveUnitLogo .unitLogo:hover {
        background: url(/images/header/tiltLogoMobH.svg) no-repeat;
        background-position: 0 center; } }

/**********************************
***************************[MYTLT]*
**
** My TILT 
**
***********************************
**********************************/
.responsiveMyTILT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  flex-direction: column;
  text-align: right;
  padding-right: 1.25em; }
  @media (max-width: 640px) {
    .responsiveMyTILT {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      text-align: left;
      width: 100%;
      padding-right: 0px; } }
  .responsiveMyTILT .tertiary {
    padding-bottom: .25em; }
  .responsiveMyTILT ul {
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    text-indent: 0; }
  .responsiveMyTILT li {
    padding: 0 0 0 1em;
    display: inline-block;
    vertical-align: middle; }
  .responsiveMyTILT li:first-child {
    padding-left: 0; }
  .responsiveMyTILT a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .85em;
    border-bottom: 0; }
  .responsiveMyTILT a:hover {
    color: #c8c372;
    background-color: transparent; }
  .responsiveMyTILT .fa-home {
    color: white;
    font-size: 1.6em;
    cursor: pointer; }
  .responsiveMyTILT .fa-home:hover {
    color: #c8c372; }
  .responsiveMyTILT .fa-bars {
    color: white;
    font-size: 1.6em;
    cursor: pointer; }
  .responsiveMyTILT .fa-bars:hover {
    color: #c8c372; }
  .responsiveMyTILT .fa-toolbox {
    color: white;
    font-size: 1.6em;
    cursor: pointer; }
  .responsiveMyTILT .fa-toolbox:hover {
    color: #c8c372; }
  .responsiveMyTILT .fa-calendar-alt {
    color: white;
    font-size: 1.6em;
    cursor: pointer; }
  .responsiveMyTILT .fa-calendar-alt:hover {
    color: #c8c372; }
  @media (max-width: 640px) {
    .responsiveMyTILT #toolboxBtn {
      display: none; }
    .responsiveMyTILT #admin {
      display: none; } }
  .responsiveMyTILT .searchBar {
    overflow: hidden;
    -moz-transition: max-height 2000ms linear;
    -o-transition: max-height 2000ms linear;
    -webkit-transition: max-height 2000ms linear;
    transition: max-height 2000ms linear;
    padding-bottom: .25em; }
    .responsiveMyTILT .searchBar .search {
      width: 270px;
      position: relative;
      margin-block-end: 0; }
      @media (max-width: 640px) {
        .responsiveMyTILT .searchBar .search {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      .responsiveMyTILT .searchBar .search .search-box {
        -moz-transition: width 200ms linear;
        -o-transition: width 200ms linear;
        -webkit-transition: width 200ms linear;
        transition: width 200ms linear;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 5px 7px;
        padding-right: 20px;
        width: 100%;
        height: auto;
        font-size: 13px;
        color: inherit;
        background-image: none; }
      .responsiveMyTILT .searchBar .search .search-button {
        background-color: #c8c372;
        -webkit-appearance: none;
        border: 0;
        height: 100%;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0; }
        .responsiveMyTILT .searchBar .search .search-button .fa-search {
          color: black;
          font-size: 1em; }

.responsiveAdmin {
  display: none; }
  @media (max-width: 640px) {
    .responsiveAdmin {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      text-align: left;
      width: 100%;
      padding-bottom: 10px;
      padding-right: 0px; } }
  .responsiveAdmin ul {
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    text-indent: 0; }
  .responsiveAdmin li {
    padding: 0 0 0 1em;
    display: inline-block;
    vertical-align: middle; }
  .responsiveAdmin li:first-child {
    padding-left: 0; }
  .responsiveAdmin a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .85em;
    border-bottom: 0; }
  .responsiveAdmin a:hover {
    color: #c8c372;
    background-color: transparent; }
  .responsiveAdmin .fa-toolbox {
    color: white;
    font-size: 1.6em;
    cursor: pointer; }
  .responsiveAdmin .fa-toolbox:hover {
    color: #c8c372; }

#mainHeader .searchBar .hideSearch {
  width: 100%;
  background-color: #0d4000;
  border: 10px solid #0d4000;
  z-index: 100;
  right: -100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  #mainHeader .searchBar .hideSearch .search-box {
    width: 270px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 7px;
    padding-right: 20px;
    height: auto;
    font-size: 13px;
    color: inherit;
    background-image: none; }
  #mainHeader .searchBar .hideSearch .search-button {
    background-color: #c8c372;
    -webkit-appearance: none;
    border: 0;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0; }
    #mainHeader .searchBar .hideSearch .search-button .fa-search {
      color: black;
      font-size: 1em; }

#mainHeader .searchBar .visible {
  display: block; }

/**********************************
***************************[MTLTM]*
**
** My TILT Menu
**
***********************************
**********************************/
#myTILTMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap; }
  #myTILTMenu .program {
    width: 31%;
    padding: 0 .5em 0 .5em; }
    @media (max-width: 1024px) {
      #myTILTMenu .program {
        width: 47%; } }
    @media (max-width: 640px) {
      #myTILTMenu .program {
        width: 100%; } }
    #myTILTMenu .program h2 {
      font-size: 1em;
      margin: 0;
      padding: 0.5em 0; }
      #myTILTMenu .program h2 a {
        display: block; }
    #myTILTMenu .program ul {
      list-style-type: none;
      vertical-align: top;
      border: transparent;
      background-color: transparent;
      padding: 0 0 .5em 0;
      text-indent: 0; }
      #myTILTMenu .program ul li {
        margin-bottom: 0; }
        #myTILTMenu .program ul li a {
          display: block;
          border-bottom: 0; }

@media (max-width: 640px) {
  #myTILTMenu.desktop {
    display: none; } }

#myTILTMenu.mobile {
  display: none; }
  @media (max-width: 640px) {
    #myTILTMenu.mobile {
      display: block; } }
  #myTILTMenu.mobile h2 {
    font-size: .85em;
    margin-right: 1.5em;
    margin-bottom: .5em;
    padding-left: .5em; }
  #myTILTMenu.mobile ul {
    margin-right: 1.5em; }
    #myTILTMenu.mobile ul li a:hover {
      color: #0d4000;
      background-color: green; }
  #myTILTMenu.mobile h2.gquestion {
    color: #f2ffd3;
    background-color: #0d4000; }
  #myTILTMenu.mobile h2.gquestion:hover {
    cursor: pointer;
    background-color: green; }

@media (max-width: 1024px) {
  .myTILTMenuDialog {
    position: fixed !important;
    width: inherit !important;
    top: 0 !important;
    right: 0px !important;
    left: 0 !important;
    bottom: 0 !important;
    margin: 10px !important;
    z-index: 10001 !important;
    overflow: auto; } }

/**********************************
***************************[NAVBR]*
**
** Navigation Bar
**
***********************************
**********************************/
#tiltNav {
  width: 100%;
  background-color: #0d4000;
  border-bottom: 2px solid #ffd100; }

@media (max-width: 640px) {
  #tiltNav #menu.desktop {
    display: none; } }

#tiltNav #menu.mobile {
  display: none; }
  @media (max-width: 640px) {
    #tiltNav #menu.mobile {
      display: block; } }
  #tiltNav #menu.mobile .fa-bars {
    padding-top: .5em;
    color: white;
    font-size: 1.6em;
    cursor: pointer; }
  #tiltNav #menu.mobile h2 {
    font-size: .85em;
    margin-right: 1.5em;
    margin-bottom: .5em;
    margin-top: 0;
    padding-left: 1em; }
  #tiltNav #menu.mobile h2.question {
    color: #f2ffd3;
    background-color: #0d4000; }
  #tiltNav #menu.mobile h2.question:hover {
    cursor: pointer;
    background-color: green; }
  #tiltNav #menu.mobile ul {
    display: none;
    margin-right: 1.5em; }
    #tiltNav #menu.mobile ul li {
      display: block;
      padding: 0; }
    #tiltNav #menu.mobile ul li a:hover {
      color: #0d4000;
      background-color: green; }

.navBar ul {
  background-color: transparent;
  border: none;
  padding: 0 1em; }

.navBar li {
  padding: .5em;
  display: inline-block; }

.navBar li:first-child {
  padding-left: 0; }

.navBar.v1 li {
  border-right: 2px solid white; }

.navBar.v1 li:last-child {
  border-right: 0; }

.navBar.v1 a {
  color: white; }

.navBar.v1 a:hover {
  background-color: green;
  color: #c8c372;
  cursor: pointer; }

.navBar.v2 li {
  border-right: 0; }

.navBar.v2 a {
  line-height: normal;
  font-size: .9em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  color: #fff;
  /*-webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;*/
  -webkit-box-shadow: 2px 2px 2px #ffd100;
  -moz-box-shadow: 2px 2px 2px #ffd100;
  box-shadow: 2px 2px 2px #rgba 255, 209, 0, 1;
  background-color: #0d4000;
  border: 1px solid green; }

.navBar.v2 a:hover {
  background-color: green;
  color: white;
  border: 1px solid #0d4000;
  cursor: pointer; }

.navBar.v3 li {
  border-right: 0; }

.navBar.v3 a {
  line-height: normal;
  font-size: .9em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  color: #0d4000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 3px #59595b;
  -moz-box-shadow: 3px 3px 3px #59595b;
  box-shadow: 3px 3px 3px #59595b;
  background-color: #fff;
  border: 1px solid green; }

.navBar.v3 a:hover {
  background-color: #c8c372;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.navBar.v3 .cur a {
  background-color: #c8c372;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.navBar.v3 a::after {
  content: "\00a0\00a0\25BA";
  /*2 white spaces and an arrow right*/ }

.navBar.v3 .fa-bars {
  color: white;
  font-size: 1.6em;
  cursor: pointer; }

.navBar.v3 .fa-bars:hover {
  color: #c8c372; }

.navBar.v3 .mobile {
  color: white;
  display: none;
  font-weight: bold;
  padding: .5em; }
  @media (max-width: 640px) {
    .navBar.v3 .mobile {
      display: block; } }

.navBar.v3 .mobile::after {
  font-family: "prox-regular", sans-serif;
  content: "\00a0\00a0Menu";
  /*2 white spaces and Menu*/ }

@media (max-width: 640px) {
  .navBar li {
    padding: .1em 0 0 0;
    display: none; }
  .navBar:hover li {
    display: block; }
  .navBar.v3 a {
    margin: .5em auto; } }

/**********************************
***************************[PROBR]*
**
** Program Name Bar
**
***********************************
**********************************/
.programNameBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  border-bottom: 2px solid #ffd100; }
  @media (max-width: 1024px) {
    .programNameBar {
      top: inherit; } }
  .programNameBar .programMenuBtn {
    padding: 1em 0 1em 1em;
    height: 36px; }
    .programNameBar .programMenuBtn .fa-bars {
      padding-top: .125em;
      color: #0d4000;
      font-size: 2em;
      cursor: pointer; }
    .programNameBar .programMenuBtn .fa-bars:hover {
      color: #c8c372; }
  .programNameBar .programName {
    padding: 1em;
    width: 100%; }
    .programNameBar .programName .anReport {
      background: url(/anReport/images/header/anReportLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .anReport {
          background: url(/anReport/images/header/anReportLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .anReport {
          background: url(/anReport/images/header/anReportLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .catalyst {
      background: url(/catalyst/images/header/catLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .catalyst {
          background: url(/catalyst/images/header/catLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .catalyst {
          background: url(/catalyst/images/header/catLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 359px; } }
    .programNameBar .programName .courseDD {
      background: url(/courseDD/images/header/courseDDLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .courseDD {
          background: url(/courseDD/images/header/courseDDLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .courseDD {
          background: url(/courseDD/images/header/courseDDLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .integrity {
      background: url(/integrity/images/header/aipLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .integrity {
          background: url(/integrity/images/header/aipLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .integrity {
          background: url(/integrity/images/header/aipLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .learning {
      background: url(/learning/images/header/learningLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .learning {
          background: url(/learning/images/header/learningLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .learning {
          background: url(/learning/images/header/learningLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .osfa {
      background: url(/osfa/images/header/osfaLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .osfa {
          background: url(/osfa/images/header/osfaLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .osfa {
          background: url(/osfa/images/header/osfaLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .oura {
      background: url(/oura/images/header/ouraLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .oura {
          background: url(/oura/images/header/ouraLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .oura {
          background: url(/oura/images/header/ouraLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .privateTutoring {
      background: url(/learning/privateTutoring/images/header/privTutorLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .privateTutoring {
          background: url(/learning/privateTutoring/images/header/privTutorLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .privateTutoring {
          background: url(/learning/privateTutoring/images/header/privTutorLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .proDev {
      background: url(/proDev/images/header/proDevLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .proDev {
          background: url(/proDev/images/header/proDevLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 800px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .proDev {
          background: url(/proDev/images/header/proDevLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .service {
      background: url(/service/images/header/serviceLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .service {
          background: url(/service/images/header/serviceLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .service {
          background: url(/service/images/header/serviceLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .sotl {
      background: url(/sotl/images/header/sotlLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .sotl {
          background: url(/sotl/images/header/sotlLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .sotl {
          background: url(/sotl/images/header/sotlLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .teachingResources {
      background: url(/teachingResources/images/header/trLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .teachingResources {
          background: url(/teachingResources/images/header/trLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .teachingResources {
          background: url(/teachingResources/images/header/trLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .testingCenter {
      background: url(/testingCenter/images/header/utcLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      background-size: auto;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .testingCenter {
          background: url(/testingCenter/images/header/utcLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          background-size: auto;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .testingCenter {
          background: url(/testingCenter/images/header/utcLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          background-size: auto;
          width: 350px; } }
    .programNameBar .programName .tilt {
      background: url(/images/header/tiltLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .tilt {
          background: url(/images/header/tiltLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .tilt {
          background: url(/images/header/tiltLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }
    .programNameBar .programName .toolbox {
      background: url(/Z-toolbox/images/header/zToolsLogo-950x36.svg) no-repeat;
      background-position: 0 center;
      width: 950px;
      height: 36px; }
      @media (max-width: 1024px) {
        .programNameBar .programName .toolbox {
          background: url(/Z-toolbox/images/header/zToolsLogo-750x36.svg) no-repeat;
          background-position: 0 center;
          width: 750px; } }
      @media (max-width: 815px) {
        .programNameBar .programName .toolbox {
          background: url(/Z-toolbox/images/header/zToolsLogo-350x36.svg) no-repeat;
          background-position: 0 center;
          width: 350px; } }

/******************************************************************************
***********************************************************************[MAIN0]*
**
** Main
**
*******************************************************************************
******************************************************************************/
main {
  background-color: white;
  clear: both; }
  @media (max-width: 1024px) {
    main {
      margin-top: 0; } }

.mainContent {
  padding: 1em; }

/******************************************************************************
***********************************************************************[FOOTR]*
**
** Footer
**
*******************************************************************************
******************************************************************************/
#mainFooter {
  position: relative;
  z-index: 10;
  font-size: 1em;
  color: white; }
  #mainFooter a {
    color: white;
    font-weight: normal;
    border-bottom: 0; }
  #mainFooter ul {
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    text-indent: 0; }
    #mainFooter ul li {
      display: inline-block;
      padding: 0 5px; }
    #mainFooter ul li:first-child {
      padding-left: 0px; }
  #mainFooter .topFooter {
    background-color: #255f35;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    #mainFooter .topFooter a:hover {
      background-color: #0d4000; }
    #mainFooter .topFooter .topLeft {
      flex: 0 0 100%;
      max-width: 100%; }
    #mainFooter .topFooter .topRight {
      text-align: right; }
      #mainFooter .topFooter .topRight a {
        color: white;
        text-decoration: none;
        border-bottom: 0; }
      #mainFooter .topFooter .topRight a:hover, #mainFooter .topFooter .topRight a:focus {
        color: #c8c372;
        background-color: transparent; }
      #mainFooter .topFooter .topRight .fab {
        font-size: 2em; }
  #mainFooter .bottomFooter {
    background-color: #0d4000;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    #mainFooter .bottomFooter a:hover {
      background-color: #255f35; }
    #mainFooter .bottomFooter .copyright {
      margin: 0px;
      padding-top: .75em; }
    #mainFooter .bottomFooter .bottomLeft {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%; }
    #mainFooter .bottomFooter .responsiveBottomLogo {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%; }
      #mainFooter .bottomFooter .responsiveBottomLogo .bottomLogo {
        background: url(/images/footer/csuLogoDesk.svg) no-repeat;
        background-position: right center;
        width: 317px;
        height: 69px;
        float: right; }
      #mainFooter .bottomFooter .responsiveBottomLogo .bottomLogo:hover {
        background: url(/images/footer/csuLogoDeskH.svg) no-repeat;
        background-position: right center; }
    @media (max-width: 1024px) {
      #mainFooter .bottomFooter .bottomLeft {
        flex: 0 0 50%;
        max-width: 50%; }
      #mainFooter .bottomFooter .responsiveBottomLogo {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (max-width: 640px) {
      #mainFooter .bottomFooter .bottomLeft {
        flex: 0 0 100%;
        max-width: 100%; }
      #mainFooter .bottomFooter .responsiveBottomLogo {
        padding-top: 1em;
        flex: 0 0 100%;
        max-width: 100%; }
        #mainFooter .bottomFooter .responsiveBottomLogo .bottomLogo {
          width: 100%;
          height: 117px; } }

/******************************************************************************
***********************************************************************[LISTS]*
**
** Lists
**
*******************************************************************************
******************************************************************************/
ul, ol, li {
  padding: 0;
  margin: 0; }

ul {
  font-size: .85rem;
  list-style-type: square;
  list-style-position: inside;
  padding: 0 1em .5em .5em;
  background-color: #f2ffd3;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }
  ul h2 {
    font-size: .85rem;
    margin-left: .6em;
    padding-left: 0;
    color: #0d4000;
    background-color: #fefef1;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }

ol {
  font-size: .85em;
  list-style-position: inside;
  padding: 0 1em .5em .5em;
  background-color: #f2ffd3;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }

li {
  line-height: 2em; }

ul.noPad {
  padding: 0; }

.noBull.noPad {
  margin-left: 0; }

.links {
  list-style-type: none;
  font-size: .8em;
  font-weight: bold; }

.noBull {
  list-style-type: none;
  margin-left: -.5em; }

ul.nested {
  font-size: 1em;
  list-style-type: circle;
  background-color: transparent;
  border: none;
  padding-left: 2em; }

ol.nested {
  font-size: 1em;
  background-color: transparent;
  border: none;
  padding-left: 2em; }

aside ul {
  font-size: .9em;
  background-color: #fefef1;
  border: none;
  list-style-type: none;
  padding-bottom: .1em; }
  aside ul h3 {
    font-size: 1.25em;
    margin-top: 1em;
    margin-left: 0; }

ul.split2 {
  display: flex;
  flex-wrap: wrap; }

ul.split2 li {
  /*list-style-type: square;*/
  flex: 1 0 50%;
  box-sizing: border-box; }

ul.split3 {
  display: flex;
  flex-wrap: wrap; }

ul.split3 li {
  flex: 1 0 33%;
  box-sizing: border-box; }

ul.split4 {
  display: flex;
  flex-wrap: wrap; }

ul.split4 li {
  flex: 1 0 24%;
  box-sizing: border-box; }

@media (max-width: 500px) {
  ul.split2 li, ul.split3 li, ul.split4 li {
    flex: 1 0 100%; } }

/******************************************************************************
***********************************************************************[COLS0]*
**
** Columns / Structure
**
*******************************************************************************
******************************************************************************/
.oneEight {
  width: 12%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em; }

.oneQuarter {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em; }

.oneThird {
  width: 32%;
  /*Why Not 33%*/
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em; }

.oneHalf {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em;
  padding-right: .5em; }

.twoThirds {
  width: 66%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em; }

.threeQuarters {
  width: 73%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em; }

.sevenEights {
  width: 85%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: .25em; }

.all {
  width: 100%;
  display: inline-block;
  vertical-align: top; }

@media (max-width: 800px) {
  .oneQuarter, .oneThird, .oneHalf {
    width: 47%;
    padding-right: 0; }
  .twoThirds, .threeQuarters {
    width: 100%;
    padding-right: 0; } }

@media (max-width: 500px) {
  .oneQuarter, .oneThird, .oneHalf, .twoThirds, .threeQuarters {
    width: 100%;
    padding-right: 0; } }

@media (max-width: 800px) {
  .drop {
    /* use to drop sidebars or last columns to bottom on medium and small*/
    width: 100%;
    margin-top: 0;
    margin-bottom: 2em; } }

/******************************************************************************
***********************************************************************[TILES]*
**
** Index Tiles
**
*******************************************************************************
******************************************************************************/
/**********************************
***************************[3CTLS]*
**
** 3C TILES
**
***********************************
**********************************/
/*.tiles {
	width: 100%;
	display: block;
}

.tiles article {
	float: left;
	width: 33.333%;
	display: block;
	background-color: $clrWht;
}*/
.tiles article a {
  height: 10em;
  margin: 0;
  border: 1px solid rgba(13, 64, 0, 0.3);
  display: block;
  position: relative; }

/*@media (max-width: 500px)
{
	.tiles article {
		width: 100%;
	}

	.tiles a::after {
		left: 2.5em;
	}
}*/
.tiles h2 {
  font-size: 1.5em;
  font-variant: small-caps;
  line-height: 1.5em;
  color: #f2ffd3;
  /*margin: 0 0 0 0;*/
  /*padding: 1em 0;*/
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  text-align: center; }

.tiles a::after {
  font-size: 5em;
  content: "\25BA";
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 30px); }

.tiles .lrg h2 {
  font-size: 1.4em; }

.tiles .med h2 {
  font-size: 1.3em; }

.tiles .small h2 {
  font-size: 1.2em; }

/**********************************
***************************[2CTLZ]*
**
** 2C TILEZ
**
***********************************
**********************************/
.tilez {
  /*width: 100%;*/
  display: block; }

.tilez article {
  float: left;
  width: 100%;
  display: block;
  background-color: white; }

.tilez article a {
  height: 10em;
  margin: 0 .5em .5em .5em;
  border: 1px solid rgba(13, 64, 0, 0.3);
  display: block;
  position: relative; }

.tilez h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #f2ffd3;
  /*margin: 0 0 0 0;*/
  /*padding: 1em 0;*/
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  text-align: center; }

.tilez a::after {
  font-size: 5em;
  content: "\25BA";
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 30px); }

.tilez .lrg h2 {
  font-size: 1.4em; }

.tilez .med h2 {
  font-size: 1.3em; }

.tilez .small h2 {
  font-size: 1.2em; }

/**********************************
***************************[TLCRS]*
**
** TILE COLORS 
**
***********************************
**********************************/
.tilePine a {
  background-color: #0d4000; }

.tilePine a::after {
  color: rgba(243, 255, 241, 0.2); }

.tilePine a:hover, .tilePine a:focus {
  background-color: #f2ffd3; }

.tilePine a:hover::after, .tilePine a:focus::after {
  color: rgba(13, 64, 0, 0.1); }

.tilePine a h2 {
  color: white; }

.tilePine a:hover h2, .tilePine a:focus h2 {
  color: #0d4000; }

.tileWht a {
  background-color: white; }

.tileWht a:hover, .tileWht a:focus {
  background-color: #f2ffd3; }

.tileWht a::after {
  color: rgba(13, 64, 0, 0.1); }

.tileWht a:hover::after, .tileWht a:focus::after {
  color: rgba(22, 112, 0, 0.2);
  z-index: 0; }

.tileWht a h2 {
  color: #0d4000; }

.tileWht a:hover h2, .tileWht a:focus h2 {
  color: #0d4000; }

/**********************************
***************************[TTTLS]*
**
** TUTORING TILES
**
***********************************
**********************************/
.tutTiles {
  width: 100%;
  display: block; }

.tutTiles article {
  float: left;
  width: 33.333%;
  display: block;
  background-color: white; }

.tutTiles article a {
  height: 10em;
  width: 98%;
  margin: 0 .5em .5em .5em;
  border: 1px solid rgba(13, 64, 0, 0.3);
  position: relative;
  display: table; }

a.tutA {
  height: 10em;
  width: 98%;
  margin: 0 .5em .5em .5em;
  border: 1px solid rgba(13, 64, 0, 0.3);
  position: relative;
  display: table; }

.tutA strong {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 1.25em; }

.tutor1 {
  background: url(/learning/tutoring/images/tutor1.jpg) no-repeat;
  background-position: center;
  color: white; }
  .tutor1 strong {
    padding-bottom: 3em; }

.tutor2 {
  background: url(/learning/tutoring/images/tutor2.jpg) no-repeat;
  background-position: center 40%; }

.bio {
  background: url(/learning/tutoring/images/icons/bioR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #105456; }

.bio:hover {
  background: #105456 url(/learning/tutoring/images/icons/bioW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.chem {
  background: url(/learning/tutoring/images/icons/chemR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: green; }

.chem:hover {
  background: green url(/learning/tutoring/images/icons/chemW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.math {
  background: url(/learning/tutoring/images/icons/mathR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #0d4000; }

.math:hover {
  background: #0d4000 url(/learning/tutoring/images/icons/mathW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.physics {
  background: url(/learning/tutoring/images/icons/physicsR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #12a4b6; }

.physics:hover {
  background: #12a4b6 url(/learning/tutoring/images/icons/physicsW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.privTutor {
  background: url(/learning/tutoring/images/icons/privTutorR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #ecc530; }

.privTutor:hover {
  background: #ffd100 url(/learning/tutoring/images/icons/privTutorW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.resources {
  background: url(/learning/tutoring/images/icons/resourcesR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #cc5430; }

.resources:hover {
  background: #d9782d url(/learning/tutoring/images/icons/resourcesW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.schedule {
  background: url(/learning/tutoring/images/icons/scheduleR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #d9782d; }

.schedule:hover {
  background: #cc5430 url(/learning/tutoring/images/icons/scheduleW.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%; }

.stats {
  background: url(/learning/tutoring/images/icons/statsR.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #d9782d; }

.stats:hover {
  background: #cc5430 url(/learning/tutoring/images/icons/statsW.png) no-repeat;
  background-size: 200px 120px;
  background-position: center 40%; }

.sumLR {
  background: url(/learning/tutoring/images/icons/slr2019a.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: #d9782d; }

.sumLR:hover {
  background: #cc5430 url(/learning/tutoring/images/icons/slr2019b.png) no-repeat;
  background-size: 75px 75px;
  background-position: center 40%;
  color: white; }

.sumTutor {
  background: url(/learning/tutoring/images/icons/sum18-200.png) no-repeat;
  background-size: 200px 97px;
  background-position: center 40%; }

.sumTutor:hover {
  background: #f2ffd3 url(/learning/tutoring/images/icons/sum18-200.png) no-repeat;
  background-size: 200px 97px;
  background-position: center 40%; }

.pan {
  height: 10em;
  width: 98%;
  margin: 0 .5em .5em .5em !important;
  border: 1px solid rgba(13, 64, 0, 0.3);
  position: relative; }

@media (max-width: 500px) {
  .tutTiles article {
    width: 100%; }
  .tutTiles a::after {
    left: 2.5em; } }

.tutTiles h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #f2ffd3;
  /*margin: 0 0 0 0;*/
  /*padding: 1em 0;*/
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  text-align: center; }

.tutTiles .lrg h2 {
  font-size: 1.4em; }

.tutTiles .med h2 {
  font-size: 1.3em; }

.tutTiles .small h2 {
  font-size: 1.2em; }

/******************************************************************************
***********************************************************************[FLOAT]*
**
** Float
**
*******************************************************************************
******************************************************************************/
.imgC {
  margin: 0 auto; }

.imgL {
  margin: 0 auto 0 0; }

.imgR {
  margin: 0 0 0 auto; }

.left {
  float: left;
  margin-right: .6em; }

.right {
  float: right;
  margin-left: .6em; }

.imgLeft {
  float: left;
  margin-right: .6em;
  margin-top: .25em; }

.imgRight {
  float: right;
  margin-left: .6em;
  margin-top: .25em; }

.imgLeftT {
  float: left;
  margin-right: .6em;
  margin-top: 1.25em; }

.imgRightT {
  float: right;
  margin-left: .6em;
  margin-top: 1.25em; }

.imgProfile {
  float: left;
  margin-right: .6em;
  padding-bottom: 1.5em; }

.imgStaff {
  margin: 0 auto;
  padding-top: 1.5em; }

.imgThumb {
  padding: .85em; }

.nudgeR {
  padding-left: .85em; }

.nudgeL {
  padding-right: .85em; }

.nudgeSBar {
  margin-left: .65em; }

.nudgeList {
  padding-left: 2em; }

.clear {
  clear: both; }

.clearList {
  clear: both;
  margin-bottom: .9em; }

/******************************************************************************
***********************************************************************[ACCES]*
**
** Accessibility
**
*******************************************************************************
******************************************************************************/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/******************************************************************************
***********************************************************************[BRCPI]*
**
** Breadcrumbs and Program Icons
**
*******************************************************************************
******************************************************************************/
#breadCrumbProgramIconsWrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0; }

/**********************************
***************************[BRDCM]*
**
** Breadcrumbs
**
***********************************
**********************************/
#breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0d4000;
  font-weight: bold;
  padding: 1em 0 0 1em; }
  #breadcrumbs ul {
    font-size: 1em;
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    text-indent: 0; }
  #breadcrumbs li {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
  #breadcrumbs .current {
    color: #000000; }
  #breadcrumbs a {
    color: #0d4000;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #d4d4d4; }
  #breadcrumbs a:hover, #breadcrumbs a:focus {
    color: #c8c372;
    background-color: #0d4000; }
  #breadcrumbs .plainLink {
    border-bottom: 0; }
  #breadcrumbs .plainLink:hover {
    background-color: transparent; }
  #breadcrumbs .fa-home {
    font-size: 1.5em;
    border-bottom: 0; }
  #breadcrumbs .fa-chevron-right {
    font-size: .7em;
    margin: 0 .3em; }

/**********************************
***************************[PRGMI]*
**
** Program Icons
** 
***********************************
**********************************/
#programIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  padding-right: 1.25em; }
  #programIcons ul {
    font-size: 1em;
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    text-indent: 0; }
  #programIcons li {
    padding: 1em 0 0 1em;
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
  #programIcons li:first-child {
    padding-left: 0; }
  #programIcons a {
    color: #0d4000;
    text-decoration: none;
    border-bottom: 0; }
  #programIcons a:hover, #programIcons a:focus {
    color: #c8c372;
    background-color: transparent; }
  #programIcons .fab {
    font-size: 3em; }

/******************************************************************************
***********************************************************************[TABLE]*
**
** Tables
**
*******************************************************************************
******************************************************************************/
/**********************************
***************************[BTELS]*
**
** Base Table Elements
** 
***********************************
**********************************/
.table {
  display: table; }

.tableCaption {
  display: table-caption;
  text-align: center; }

.thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit; }

.tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit; }

.tr {
  display: table-row; }

.td, .th {
  display: table-cell;
  vertical-align: middle; }

.th {
  /*font-weight: bold;*/
  text-align: center;
  white-space: nowrap; }

.th.alt {
  white-space: normal; }

.tableCenter {
  margin: 0 auto; }

.table .sevenEights {
  border-bottom: 0; }

.trPadding .td, .trPadding .th {
  padding: 5px; }

.trPaddingS .td, .trPaddingS .th {
  padding: 2px; }

/**********************************
***************************[RTELS]*
**
** Responsive Table Elements
** 
***********************************
**********************************/
@media (max-width: 640px) {
  /* Force table to not be like tables anymore */
  .table, .thead, .tbody, .th, .td, .tr, .tableCaption {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .thead .tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .tbody .td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid rgba(13, 64, 0, 0.3);
    position: relative;
    padding-left: 50%; }
  .tbody.noB .td {
    border: none; }
  .td.span {
    /* Behave  like a "100 %row" */
    padding-left: 0; }
  .td.empty {
    display: none; }
  .td:before {
    content: attr(data-label);
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    width: 45%;
    padding-right: 5px;
    white-space: nowrap;
    /*font-weight: bold;*/
    top: 0px;
    left: 0px; }
  .table .tccRow.rspv .td:before {
    text-align: left;
    padding-left: 5px; }
  .table .tccRow.rspv .td {
    text-align: left; }
  .td.span:before {
    content: attr(data-label);
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    width: 100%;
    padding-right: 5px;
    white-space: nowrap;
    font-weight: bold;
    top: 0px;
    left: 0px; }
  .table.span .td:before {
    content: attr(data-label);
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    width: 100%;
    padding-right: 5px;
    white-space: nowrap;
    font-weight: bold;
    top: 0px;
    left: 0px; }
  .trPadding .td:before, .trPadding .th:before {
    top: 5px;
    left: 5px; }
  .trPadding .td, .trPadding .th {
    padding: 5px 5px 5px 50%; }
  .trPadding .td.span, .trPadding .th.span, .trPadding.span .td {
    padding: 5px 5px 5px 5px; }
  .cell30 .td {
    padding-left: 30%; }
  .td:before {
    width: 65%;
    padding-right: 5px; } }

/**********************************
***************************[TRCLR]*
**
** TABLE ROW COLORS
** 
***********************************
**********************************/
.table .bkgMintWht .tr:nth-child(odd) {
  background-color: #f2ffd3; }

.table .bkgMintWht .tr:nth-child(even) {
  background-color: white; }

.table .bkgMintWht .thead .tr {
  background-color: #0d4000; }

.table .bkgRsvrLtWht .tr:nth-child(odd) {
  background-color: #b7e4e9; }

.table .bkgRsvrLtWht .tr:nth-child(even) {
  background-color: white; }

.table .bkgRsvrLtWht .thead .tr {
  background-color: #105456; }

.table .bkgGldWht .tr:nth-child(odd) {
  background-color: rgba(200, 195, 114, 0.7); }

.table .bkgGldWht .tr:nth-child(even) {
  background-color: white; }

.table .bkgGldWht .thead .tr {
  background-color: #0d4000; }

.table .bkgWS .tr:nth-child(odd) {
  background-color: whitesmoke; }

.table .bkgWS .tr:nth-child(even) {
  background-color: white; }

.table .bkgWS .thead .tr {
  background-color: #0d4000; }

/**********************************
***************************[MTELS]*
**
** MISC TABLE ELEMENT
** 
***********************************
**********************************/
.tcb {
  caption-side: bottom; }

.tcLeft {
  text-align: left; }

.tableBorder {
  border: 1px solid #000000;
  border-collapse: separate;
  border-spacing: 1px; }

.tableBorder.alt {
  border-spacing: 0; }

.tableBorder .td, .tableBorder .th {
  border: 1px solid #000000; }

.tablePadding {
  border-collapse: separate;
  border-spacing: 10px; }

.tableSpacingSmall {
  border-spacing: 1px;
  border-collapse: separate; }

.tableSpacingSmall .td, .tableSpacingSmall .th {
  padding: 3px; }

.table .tccRow .td {
  text-align: center; }

.table.tcc, .tcc {
  text-align: center; }

.table .tcl {
  text-align: left; }

.table .tcr {
  text-align: right; }

.tdpadding {
  padding-bottom: 10px;
  padding-right: 10px; }

.tableTDPadding .tr .td {
  padding: 5px; }

.noBorder {
  border: 0; }
  .noBorder .td, .noBorder .th {
    border: 0; }

/**********************************
***************************[BTELS]*
**
** BORDER TABLE ELEMENTS
** 
***********************************
**********************************/
.table.tb {
  border: 1px solid #255f35; }

.table.tb .td {
  border-right: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }

.table.tb .td:first-child {
  border-left: 2px solid #0d4000; }

.table.tb .th {
  border-top: 2px solid #0d4000;
  border-right: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }

.table.tb .th:first-child {
  border-left: 2px solid #0d4000; }

.table.tb .noBorderT {
  border-top: 0px; }

.table.tb .noBorderTB {
  border-top: 0px;
  border-bottom: 0px; }

.table.tb .noBorderB {
  border-bottom: 0px; }

.table.tb .noBorderL {
  border-left: 0px; }

.table.tb .noBorderLR {
  border-left: 0px;
  border-right: 0px; }

.table.tb .noBorderR {
  border-right: 0px; }

@media (max-width: 640px) {
  .table.tb .tr.rspv .noBorderB {
    border-bottom: 2px solid #0d4000; } }

/**********************************
***************************[PRGMI]*
**
** Program Icons
** 
***********************************
**********************************/
.table .cbAll {
  border: 1px solid #FFFFFF; }

.table .cbtb {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF; }

.table .cblr {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF; }

/******************************************************************************
***********************************************************************[BTTNS]*
**
** Buttons
**
*******************************************************************************
******************************************************************************/
button, input[type="submit"] {
  font-size: 1em; }

button.big {
  font-weight: bold;
  padding: 1em;
  font-size: 1.25em; }

.adminButton {
  padding: 0 .1em;
  margin: .01em auto;
  border: none;
  display: block;
  color: white;
  /* Fallback for old browsers */
  background-color: #52ba00;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #0d4000, #52ba00);
  /* Opera */
  background-image: -o-linear-gradient(top, #0d4000, #52ba00);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #0d4000, #52ba00);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #0d4000, #52ba00);
  /* W3C */
  background-image: linear-gradient(top, #0d4000, #52ba00);
  /*@include shadow(0, 5px, 10px, $clrPine);*/ }

.adBttn {
  padding: 0 .1em;
  margin: .01em auto;
  border: none;
  display: block;
  color: white; }

.pieBttn {
  background-image: url("/proDev/summerCon/images/TEFPie-248.png"); }

.pieBttn:hover {
  border: 4px solid #0d4000;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 10px #59595b;
  -moz-box-shadow: 0 5px 10px #59595b;
  box-shadow: 0 5px 10px #59595b; }

.pieBttn2 {
  background-image: url("/proDev/summerCon/images/TEFPie-124.png"); }

.pieBttn2:hover {
  border: 2px solid #0d4000;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 10px #59595b;
  -moz-box-shadow: 0 5px 10px #59595b;
  box-shadow: 0 5px 10px #59595b; }

.roundButton {
  /*display: block;*/
  width: 16em;
  height: 16em;
  padding: 1.5em;
  border: 4px solid white;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1.5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px #59595b;
  -moz-box-shadow: 0 5px 10px #59595b;
  box-shadow: 0 5px 10px #59595b; }

.roundButton2 {
  /*display: block;*/
  width: 7.75em;
  height: 7.75em;
  padding: .75em;
  border: 2px solid white;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1.5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px #59595b;
  -moz-box-shadow: 0 5px 10px #59595b;
  box-shadow: 0 5px 10px #59595b; }

/*.roundButton:hover {
	@include shadow(0, 0px, 0px, $clrGrey);
}*/
.bttn1Sq {
  font-size: 0.9em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/ }

.bttn1 {
  font-size: 0.9em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /*@include shadow(3px, 3px, 3px, $clrGrey);*/ }

.bttn2 {
  font-size: 1.05em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /*@include shadow(3px, 3px, 3px, $clrGrey);*/ }

.bttn3 {
  font-size: 1.2em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /*@include shadow(3px, 3px, 3px, $clrGrey);*/ }

.bttn4 {
  font-size: 1.35em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /*@include shadow(3px, 3px, 3px, $clrGrey);*/ }

.bttn5 {
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /*@include shadow(3px, 3px, 3px, $clrGrey);*/ }

.rb {
  width: 16em;
  height: 16em;
  padding: 1.5em;
  border: 4px solid white;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1.5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px #59595b;
  -moz-box-shadow: 0 5px 10px #59595b;
  box-shadow: 0 5px 10px #59595b; }

.bRound {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.bRnd2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.bAgOr {
  background-color: #0d4000;
  color: white;
  border: 1px solid #d9782d; }

.bAgOr:hover {
  background-color: #d9782d;
  color: white;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bAgOr.open {
  background-color: #d9782d;
  color: white;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bAlff {
  background-color: #0d4000;
  color: #c9d845;
  border: 1px solid #c9d845; }

.bAlff:hover {
  background-color: #c9d845;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bAlff.open {
  background-color: #c9d845;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bCnyn {
  background-color: #cc5430;
  color: white;
  border: 1px solid #f6412d; }

.bCnyn:hover {
  background-color: #f6412d;
  color: white;
  border: 1px solid #cc5430;
  cursor: pointer; }

.bCnyn.open {
  background-color: #f6412d;
  color: white;
  border: 1px solid #cc5430;
  cursor: pointer; }

.bHntr {
  background-color: #f6412d;
  color: white;
  border: 1px solid #cc5430; }

.bHntr:hover {
  background-color: #cc5430;
  color: white;
  border: 1px solid #f6412d;
  cursor: pointer; }

.bHntr.open {
  background-color: #0d4000;
  color: #f6412d;
  border: 2px solid #f6412d;
  cursor: pointer; }

.bDkSl {
  background-color: #105456;
  color: white;
  border: 1px solid #12a4b6; }

.bDkSl:hover {
  background-color: #12a4b6;
  color: white;
  border: 1px solid #12a4b6;
  cursor: pointer; }

.bDkSl.open {
  background-color: #12a4b6;
  color: white;
  border: 1px solid #12a4b6;
  cursor: pointer; }

.bPrpl {
  background-color: #785aa6;
  color: white;
  border: 1px solid #ffd100; }

.bPrpl:hover {
  background-color: #ffd100;
  color: #785aa6;
  border: 1px solid #785aa6;
  cursor: pointer; }

.bPrpl.open {
  background-color: #ffd100;
  color: #785aa6;
  border: 1px solid #785aa6;
  cursor: pointer; }

.bRsvr {
  background-color: #12a4b6;
  color: white;
  border: 1px solid #105456; }

.bRsvr:hover {
  background-color: #105456;
  color: white;
  border: 1px solid #12a4b6;
  cursor: pointer; }

.bRsvr.open {
  background-color: #105456;
  color: white;
  border: 1px solid #12a4b6;
  cursor: pointer; }

.bSnSh {
  background-color: #0d4000;
  color: #ecc530;
  border: 1px solid #ecc530; }

.bSnSh:hover {
  background-color: #ecc530;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bSnSh.open {
  background-color: #ecc530;
  color: #0d4000;
  border: 1px solid #ecc530;
  cursor: pointer; }

.rbCnyn {
  background-color: #cc5430;
  color: white;
  border: 4px solid white; }

.rbCnyn:hover {
  background-color: #f6412d;
  color: white;
  border: 4px solid #cc5430; }

.bCorn {
  background-color: #ffd100;
  border: 1px solid green; }

.bCorn:hover {
  background-color: #ffef00;
  color: #0d4000;
  border: 1px solid #ffd100;
  cursor: pointer; }

.bGrass {
  background-color: green;
  border: 1px solid #0d4000; }

.bGrass:hover {
  background-color: #0d4000;
  color: white;
  border: 1px solid green;
  cursor: pointer; }

.bGrey {
  background-color: whitesmoke; }

.bGrey:hover {
  background-color: #59595b;
  color: black;
  /*border: 4px solid $clrCnyn;*/
  cursor: pointer; }

.bDkGrey {
  background-color: #555555;
  color: white;
  border: 1px solid #555555;
  cursor: pointer;
  font-weight: normal; }

.bDkGrey:hover {
  background-color: #464646;
  color: white;
  font-weight: normal; }

.bOffWht {
  background-color: #f7f7f7;
  color: black;
  border: 1px solid #555555;
  cursor: pointer;
  font-weight: normal; }

.bOffWht:hover {
  background-color: #555555;
  color: white; }

.bGold {
  background-color: #c8c372;
  border: 1px solid #0d4000; }

.bGold:hover {
  background-color: #e4e1b9;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bGoldLt {
  background-color: #e4e1b9;
  border: 1px solid #c8c372; }

.bGoldLt:hover {
  background-color: #c8c372;
  color: #0d4000;
  border: 1px solid #c8c372;
  cursor: pointer; }

.bPine {
  background-color: #0d4000;
  border: 1px solid green; }

.bPine:hover {
  background-color: green;
  color: white;
  border: 1px solid #0d4000;
  cursor: pointer; }

.rbPine {
  background-color: #0d4000;
  border: 4px solid white; }

.rbPine:hover {
  background-color: green;
  color: white;
  border: 4px solid #0d4000; }

.rbRsvr {
  background-color: #12a4b6;
  color: white;
  border: 4px solid white; }

.rbRsvr:hover {
  background-color: #105456;
  color: white;
  border: 4px solid #12a4b6; }

.bCnry {
  background-color: #ffef00;
  border: 1px solid #0d4000; }

.bCnry:hover {
  background-color: #fffab3;
  color: #0d4000;
  border: 1px solid #0d4000;
  cursor: pointer; }

.bCnryLt {
  background-color: #fffab3;
  border: 1px solid #ffef00; }

.bCnryLt:hover {
  background-color: #ffef00;
  color: #0d4000;
  border: 1px solid #ffef00;
  cursor: pointer; }

.button1 {
  font-size: 0.9em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /* Fallback for old browsers */
  background-color: #52ba00;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #0d4000, #52ba00);
  /* Opera */
  background-image: -o-linear-gradient(top, #0d4000, #52ba00);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #0d4000, #52ba00);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #0d4000, #52ba00);
  /* W3C */
  background-image: linear-gradient(top, #0d4000, #52ba00);
  -webkit-box-shadow: 0 5px 10px #0d4000;
  -moz-box-shadow: 0 5px 10px #0d4000;
  box-shadow: 0 5px 10px #0d4000; }

.button2 {
  font-size: 1.05em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /* Fallback for old browsers */
  background-color: #52ba00;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #0d4000, #52ba00);
  /* Opera */
  background-image: -o-linear-gradient(top, #0d4000, #52ba00);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #0d4000, #52ba00);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #0d4000, #52ba00);
  /* W3C */
  background-image: linear-gradient(top, #0d4000, #52ba00);
  -webkit-box-shadow: 0 5px 10px #0d4000;
  -moz-box-shadow: 0 5px 10px #0d4000;
  box-shadow: 0 5px 10px #0d4000; }

.button3 {
  font-size: 1.2em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /* Fallback for old browsers */
  background-color: #52ba00;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #0d4000, #52ba00);
  /* Opera */
  background-image: -o-linear-gradient(top, #0d4000, #52ba00);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #0d4000, #52ba00);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #0d4000, #52ba00);
  /* W3C */
  background-image: linear-gradient(top, #0d4000, #52ba00);
  -webkit-box-shadow: 0 5px 10px #0d4000;
  -moz-box-shadow: 0 5px 10px #0d4000;
  box-shadow: 0 5px 10px #0d4000; }

.button4 {
  font-size: 1.35em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /* Fallback for old browsers */
  background-color: #52ba00;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #0d4000, #52ba00);
  /* Opera */
  background-image: -o-linear-gradient(top, #0d4000, #52ba00);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #0d4000, #52ba00);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #0d4000, #52ba00);
  /* W3C */
  background-image: linear-gradient(top, #0d4000, #52ba00);
  -webkit-box-shadow: 0 5px 10px #0d4000;
  -moz-box-shadow: 0 5px 10px #0d4000;
  box-shadow: 0 5px 10px #0d4000; }

.button5 {
  font-size: 1.5em;
  font-weight: bold;
  padding: .5em;
  margin: 1em auto;
  border: none;
  display: block;
  /*color: $clrWht;*/
  /* Fallback for old browsers */
  background-color: #52ba00;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #0d4000, #52ba00);
  /* Opera */
  background-image: -o-linear-gradient(top, #0d4000, #52ba00);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #0d4000, #52ba00);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #0d4000, #52ba00);
  /* W3C */
  background-image: linear-gradient(top, #0d4000, #52ba00);
  -webkit-box-shadow: 0 5px 10px #0d4000;
  -moz-box-shadow: 0 5px 10px #0d4000;
  box-shadow: 0 5px 10px #0d4000; }

.rollOver:hover {
  color: white;
  cursor: pointer;
  /* Fallback for old browsers */
  background-color: #0d4000;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #52ba00, #0d4000);
  /* Opera */
  background-image: -o-linear-gradient(top, #52ba00, #0d4000);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #52ba00, #0d4000);
  /* IE10 */
  background-image: -ms-linear-gradient(top, #52ba00, #0d4000);
  /* W3C */
  background-image: linear-gradient(top, #52ba00, #0d4000); }

a.button1, a.button2, a.button3, a.button4, a.button5, a.bttn1, a.bttn2, a.bttn3, a.bttn4, a.bttn5 {
  line-height: normal;
  display: block;
  width: fit-content;
  align-items: flex-start;
  box-sizing: border-box; }

a.rb {
  font-weight: normal;
  box-sizing: border-box;
  display: block;
  align-items: center;
  justify-content: center; }
  a.rb div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }

.anchorButton {
  display: flex;
  justify-content: center;
  align-items: center; }

/******************************************************************************
***********************************************************************[CATA]*
**
** Catalyst 
**
*******************************************************************************
******************************************************************************/
.catV {
  display: none; }

@media (max-width: 640px) {
  .catH {
    display: none; }
  .catV {
    display: block; } }

.alignV {
  margin: auto 0; }

.catButton {
  font-size: 4.25em;
  font-weight: normal;
  padding: .75em;
  margin: 1em auto;
  display: block;
  text-align: center; }

.catButton.earn {
  border: 2px solid #d9782d;
  color: #d9782d; }

.catButton.earn:hover {
  color: white;
  background-color: #d9782d; }

.catButton.learn {
  border: 2px solid #0d4000;
  color: #0d4000; }

.catButton.learn:hover {
  color: white;
  background-color: #0d4000; }

.learn {
  float: right;
  margin-right: 100px; }

.thrive {
  margin-top: 100px;
  margin-left: 50px; }

/*
.earn {
	background-color: $clrCnyn;
}

.earn:hover {
	background-color: $clrAgOr;
    border: 4px solid $clrCnyn;
    cursor: pointer;
	@include shadow(0, 5px, 10px, $clrGrey);
}

.learn {
	background-color: $clrRsvr;
}

.learn:hover {
	background-color: $clrDkSl;
    border: 4px solid $clrRsvr;
    cursor: pointer;
	@include shadow(0, 5px, 10px, $clrGrey);
}

.thrive {
	background-color: $clrPine;
    margin-top: 100px;
    margin-left: 50px;
}

.thrive:hover {
	background-color: $clrAlff;
    border: 4px solid $clrPine;
    cursor: pointer;
	@include shadow(0, 5px, 10px, $clrGrey);
}
*/
@media (max-width: 640px) {
  .learn {
    display: block;
    margin: 0 auto; }
  .thrive {
    display: block;
    margin: 0 auto; } }

/******************************************************************************
***********************************************************************[ANRPT]*
**
** Annual Report
**
*******************************************************************************
******************************************************************************/
.anRptBkg {
  background: url("/anReport/images/tiltBuilding50.jpg") center no-repeat;
  background-size: cover;
  min-height: 800px; }
  .anRptBkg figure {
    display: block; }

.pLg {
  font-size: 1.3em;
  line-height: 1.25em;
  margin-bottom: .5em; }

.pMd {
  font-size: 1.2em;
  line-height: 1.25em; }

.pSm {
  font-size: 1.1em;
  line-height: 1.25em; }

.hLg {
  font-size: 2em;
  margin-right: .6em;
  padding: .2em .2em .2em .1em; }

.hMd {
  font-size: 1.5em;
  margin-right: .6em;
  padding: .2em 0 .2em .1em; }

.hSm {
  font-size: 1.25em;
  margin-right: .6em;
  padding: .2em 0 .2em .1em; }

.SoS {
  font-family: "vitesse";
  font-weight: normal;
  text-align: center; }

.colBord {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1em;
  padding: .25em .5em 1em 0;
  border: 4px solid green;
  background-color: white; }

.reportMenu li {
  display: inline-block; }

.clock {
  float: left; }

.clock:before {
  content: "\f017";
  color: green;
  font-size: 40px;
  margin-right: 8px; }

.laptop {
  float: left; }

.laptop:before {
  content: "\f109";
  color: green;
  font-size: 5em;
  margin-right: -2em; }

.lifering {
  float: left; }

.lifering:before {
  content: "\f1cd";
  color: #FFD100;
  font-size: 5em;
  margin-right: .5em; }

/******************************************************************************
***********************************************************************[MISC0]*
**
** MISC
**
*******************************************************************************
******************************************************************************/
.allCaps {
  text-transform: uppercase; }

.noCaps {
  text-transform: lowercase; }

.smallCaps {
  font-variant: small-caps; }

.firstCap {
  text-transform: capitalize; }

.accrd {
  font-family: "Klavika", helvetica, arial;
  font-size: 1em;
  font-weight: bold;
  color: #255f35;
  text-transform: uppercase;
  padding-left: .1em; }

.imp {
  color: #c8c372;
  background-color: #0d4000;
  font-weight: bold;
  padding-left: .2em; }

.prcnt-10 {
  font-size: 90%; }

.prcnt-15 {
  font-size: 85%; }

.prcnt-20 {
  font-size: 80%; }

.prcnt-25 {
  font-size: 75%; }

.prcnt-30 {
  font-size: 70%; }

.prcnt-40 {
  font-size: 60%; }

.prcnt-50 {
  font-size: 50%; }

.prcnt10 {
  font-size: 110%; }

.prcnt15 {
  font-size: 115%; }

.prcnt20 {
  font-size: 120%; }

.prcnt25 {
  font-size: 125%; }

.prcnt30 {
  font-size: 130%; }

.prcnt40 {
  font-size: 140%; }

.prcnt50 {
  font-size: 150%; }

.lnht2 {
  line-height: .75em; }

.lnht3 {
  line-height: .3em; }

.subTitle {
  font-style: italic;
  font-weight: normal;
  text-transform: none; }

.indent {
  text-indent: 2em; }

.center {
  text-align: center; }

.middle {
  vertical-align: middle; }

.midHoriz {
  horizontal-align: middle; }

.w100 {
  width: 100%; }

.txtL {
  text-align: left; }

.txtC {
  text-align: center; }

.txtR {
  text-align: right; }

.displayCenter {
  display: block;
  margin: 0 auto; }

.displayCenter ul {
  margin: 1em 0 .5em 0;
  padding-right: 0; }

.noBorder {
  border: none; }

.borderbox_floated_smalltext {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: .5em;
  border: 1px solid #1A5829;
  font-size: .9em; }

.arrowLeft:before {
  content: "\25C4\00a0\00a0";
  /*an arrow left and 2 white spaces*/ }

.arrowRight:before {
  content: "\25BA\00a0\00a0";
  /*an arrow right and 2 white spaces*/ }

.arrowDown:before {
  content: "\25BC\00a0\00a0";
  /*an arrow down and 2 white spaces*/ }

.arrowUp:before {
  content: "\25B2\00a0\00a0";
  /*an arrow up and 2 white spaces*/ }

.arrow:after {
  content: "\00a0\00a0\25BA";
  /*2 white spaces and an arrow right*/ }

.margT {
  margin-top: 1.5em; }

.margT2 {
  margin-top: .75em; }

.margT3 {
  margin-top: .3em; }

.margB {
  margin-bottom: 1.5em; }

.margB2 {
  margin-bottom: .75em; }

.margB3 {
  margin-bottom: .3em; }

.margTB {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important; }

.margTB2 {
  margin-top: .75em;
  margin-bottom: .75em; }

.margTB3 {
  margin-top: .3em;
  margin-bottom: .3em; }

.margL {
  margin-left: 1.5em; }

.margR {
  margin-right: 1.5em; }

.margLR {
  margin-left: 1.5em;
  margin-right: 1.5em; }

.padA {
  padding: .5em; }

.padTB {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.padLR {
  padding-right: 1em;
  padding-left: 1em; }

.padR {
  padding-right: 1.5em; }

.padL {
  padding-left: 1.5em; }

.padL1 {
  padding-left: .25em; }

.padL2 {
  padding-left: .5em; }

.padL3 {
  padding-left: .75em; }

.padT {
  padding-top: 1.5em; }

.padT2 {
  padding-top: .75em; }

.padT3 {
  padding-top: .3em; }

.padB {
  padding-bottom: 1.5em; }

.padB2 {
  padding-bottom: .75em; }

.padB3 {
  padding-bottom: .3em; }

.sb {
  font-size: .85em;
  font-weight: bold; }

.hideText {
  display: none; }

@media (max-width: 800px) {
  .hideText {
    display: block; } }

@media (max-width: 500px) {
  .hideText {
    display: inline-block; } }

.hideSmall {
  display: block; }

@media (max-width: 500px) {
  .hideSmall {
    display: none; } }

.showSmall {
  display: none; }

@media (max-width: 500px) {
  .showSmall {
    display: block; } }

@media (max-width: 500px) {
  .overview {
    display: none; } }

.asteriskRed {
  color: #eb0e00;
  font-size: 1.25em;
  font-weight: bold; }

.asteriskBlu {
  color: #105456;
  font-size: 1.5em;
  font-weight: bold; }

blockquote {
  font-size: .95em; }

.bold {
  font-weight: bold; }

.apa {
  font-size: .85em;
  text-indent: -3em;
  padding-left: 3em;
  line-height: 1.5em; }

.nowrap {
  white-space: nowrap; }

.fb-like {
  padding-left: 10px; }

.contact img {
  float: left;
  margin: 0 .6em .6em 0; }

.contact h2 {
  font-size: 1em !important;
  padding-left: .5em;
  padding-right: .5em;
  background-color: #f2ffd3 !important; }

.contact h3, .contact h4 {
  font-size: .95em;
  margin: 0 0 0 .6em;
  text-transform: uppercase; }

.contact .icons {
  height: 1.5em;
  vertical-align: top;
  margin: 0 0 1em 0; }
  .contact .icons a {
    border-bottom: 0; }
  .contact .icons a:hover, .contact .icons a:focus {
    background-color: transparent; }
  .contact .icons .fa {
    padding-left: .5em; }
  .contact .icons .fa:first-child {
    padding-left: 0; }
  .contact .icons .fa-phone {
    color: #0d4000;
    font-size: 1.6em;
    cursor: pointer; }
  .contact .icons .fa-phone:hover {
    color: #c8c372; }
  .contact .icons .fa-envelope {
    color: #0d4000;
    font-size: 2em;
    cursor: pointer; }
  .contact .icons .fa-envelope:hover {
    color: #c8c372; }

.contact2 h2 {
  margin-left: 0; }

.contact2 h3, .contact2 h4 {
  font-size: .95rem;
  margin: 0; }

.contact2 h5 {
  margin: 0; }

.contact2 h2, .contact2 h3, .contact2 h4, .contact2 h5 {
  line-height: 1.5em; }

.contact2 hr {
  background-image: -webkit-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0));
  background-image: -o-linear-gradient(left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0)); }

.contact2 .row2c-1f-rv {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "col1" "col2";
  grid-gap: .5em; }

.contact2 .row3c-1f-rv {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "col1" "col2" "col3";
  grid-gap: .5em; }

.contact2 .staffBox {
  display: grid;
  grid-template-columns: min-content;
  grid-template-areas: "col1 col2";
  grid-gap: .5em; }

.contact2 .staffBox:not(:last-child) {
  padding-bottom: .5em;
  background: transparent linear-gradient(to left, rgba(254, 209, 0, 0), rgba(254, 209, 0, 0.75), rgba(254, 209, 0, 0)) left bottom no-repeat;
  background-size: 100% .15em; }

@media (max-width: 1024px) {
  .contact2 .row2c-1f-rv {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2"; }
  .contact2 .row3c-1f-rv {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "col1 col2 col3"; }
    .contact2 .row3c-1f-rv .staffBox:not(:last-child) {
      padding-bottom: 0;
      background-size: 100% 0; } }

@media (max-width: 740px) {
  .contact2 .row2c-1f-rv {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2"; }
  .contact2 .row3c-1f-rv {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3"; }
  .contact2 .staffBox:not(:last-child) {
    padding-bottom: .5em;
    background-size: 100% .15em; } }

.contact2 .icons {
  height: 1.5em;
  vertical-align: top;
  margin: 0 0 1em 0; }
  .contact2 .icons a {
    border-bottom: 0; }
  .contact2 .icons a:hover, .contact2 .icons a:focus {
    background-color: transparent; }
  .contact2 .icons .fa {
    padding-left: .5em; }
  .contact2 .icons .fa:first-child {
    padding-left: 0; }
  .contact2 .icons .fa-phone {
    color: #0d4000;
    font-size: 1.6em;
    cursor: pointer; }
  .contact2 .icons .fa-phone:hover {
    color: #c8c372; }
  .contact2 .icons .fa-envelope {
    color: #0d4000;
    font-size: 2em;
    cursor: pointer; }
  .contact2 .icons .fa-envelope:hover {
    color: #c8c372; }

aside .contact img {
  float: left;
  margin: .4em .6em .6em .6em; }

aside .contact .icons {
  height: 1.5em;
  vertical-align: top;
  margin: 0 0 1em 0; }
  aside .contact .icons a {
    border-bottom: 0; }
  aside .contact .icons a:hover, aside .contact .icons a:focus {
    background-color: transparent; }
  aside .contact .icons .fa {
    padding-left: .5em; }
  aside .contact .icons .fa:first-child {
    padding-left: 0; }
  aside .contact .icons .fa-phone {
    color: #0d4000;
    font-size: 1.6em;
    cursor: pointer; }
  aside .contact .icons .fa-phone:hover {
    color: #c8c372; }
  aside .contact .icons .fa-envelope {
    color: #0d4000;
    font-size: 2em;
    cursor: pointer; }
  aside .contact .icons .fa-envelope:hover {
    color: #c8c372; }

/* jquery UI */
.cleanDialog .ui-dialog-title {
  display: none; }

.cleanDialog .ui-widget-header {
  border: 0;
  background: transparent; }

.cleanDialog .ui-dialog-titlebar-close {
  height: 32px !important;
  width: 32px !important;
  right: -2px !important;
  top: 60% !important; }

.cleanDialog .ui-dialog-titlebar {
  margin-bottom: 20px !important; }

.ui-widget {
  font-family: "prox-regular", sans-serif !important;
  text-indent: 0; }

/*
.ui-widget-content a
{
	color: $clrCSUGrn !important;
}

.ui-widget-content a:hover
{
	color: $clrMint !important;
}*/
.ui-tooltip {
  max-width: 100%; }

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }

.chart {
  width: 0;
  height: 0;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px; }

#chart1 {
  border-right: 30px solid red;
  border-top: 30px solid transparent;
  border-left: 30px solid transparent;
  border-bottom: 30px solid transparent; }

#chart2 {
  border-right: 60px solid transparent;
  border-top: 60px solid green;
  border-left: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-bottom: 60px solid transparent; }

#chart3 {
  border-right: 60px solid transparent;
  border-top: 60px solid transparent;
  border-left: 60px solid blue;
  border-bottom: 60px solid transparent;
  border-bottom: 60px solid transparent; }

#chart4 {
  border-right: 60px solid transparent;
  border-top: 60px solid transparent;
  border-left: 60px solid transparent;
  border-bottom: 60px solid yellow;
  border-left: 60px solid transparent; }

#chart5 {
  border-right: 60px solid transparent;
  border-top: 60px solid transparent;
  border-left: 60px solid transparent;
  border-left: 60px solid transparent;
  border-bottom: 60px solid orange; }

.question, .gquestion {
  border-bottom: 0px; }

fieldset {
  border: 1px solid #ddd;
  margin: 0;
  padding: .75em 1em .75em 1em; }

legend {
  font-size: 1em;
  font-weight: bold; }

.required.tip {
  font-size: .8em;
  font-weight: normal; }

label.required {
  font-weight: bold; }

select:required, input:required, select:required, textarea:required, .textarea:required {
  border: 2px solid #6f716a; }

.wide {
  width: 240px; }

/**********************************
***************************[BOXES]*
**
** Boxes
**
***********************************
**********************************/
.box {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em; }

@media (max-width: 640px) {
  .box {
    padding: 0 .3em 0 .3em; } }

.bdrAll {
  border-width: 2px;
  border-style: solid; }

.bdrTB {
  border-top: 2px;
  border-bottom: 2px; }

.bdr3All {
  border-width: 3px;
  border-style: solid; }

.bdr3TB {
  border-top: 3px;
  border-bottom: 3px; }

.boxAll {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border: 2px solid #0d4000; }
  .boxAll h2 {
    margin-right: 0;
    padding: 0 .3em 0 .3em;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }

@media (max-width: 640px) {
  .boxAll {
    padding: 0 .3em 0 .3em; } }

.boxEcru {
  background-color: #fefef1;
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border: 2px solid #0d4000; }
  .boxEcru h2 {
    color: white;
    background-color: #0d4000;
    padding-left: .2em; }
    .boxEcru h2 a {
      color: white; }
    .boxEcru h2 a:hover {
      color: #0d4000;
      background-color: white; }

.boxEcru.alt {
  background-color: #fefef1;
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border: 2px solid #0d4000; }
  .boxEcru.alt h2 {
    color: #0d4000;
    background-color: #f2ffd3;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }
    .boxEcru.alt h2 a {
      color: #0d4000; }
    .boxEcru.alt h2 a:hover {
      color: white;
      background-color: #0d4000; }

.boxTBEcru {
  background-color: #fefef1;
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }
  .boxTBEcru h2 {
    color: white;
    background-color: #0d4000;
    margin-right: 0;
    padding: 0 .3em 0 .3em;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }
    .boxTBEcru h2 a {
      color: white; }
    .boxTBEcru h2 a:hover {
      color: #0d4000;
      background-color: white; }

.boxMint {
  background-color: #f2ffd3;
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border: 2px solid #0d4000; }
  .boxMint h2 {
    color: #0d4000;
    background-color: white;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }
    .boxMint h2 a {
      color: green;
      border-bottom: 0; }
    .boxMint h2 a:hover {
      color: #c8c372; }
  .boxMint h3 {
    color: #c8c372;
    background-color: #0d4000;
    margin-right: 0;
    padding: 0 .3em 0 .3em;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }

.boxTBMint {
  background-color: #f2ffd3;
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }
  .boxTBMint h2 {
    color: #0d4000;
    background-color: white;
    margin-right: 0;
    padding: 0 .3em 0 .3em;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }
    .boxTBMint h2 a {
      color: green;
      border-bottom: 0; }
    .boxTBMint h2 a:hover {
      color: #c8c372; }
  .boxTBMint h3 {
    color: #c8c372;
    background-color: #0d4000;
    margin-right: 0;
    padding: 0 .3em 0 .3em;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }

.boxAll.bkgEcru h2 {
  color: white;
  background-color: #0d4000; }
  .boxAll.bkgEcru h2 a {
    color: white; }
  .boxAll.bkgEcru h2 a:hover {
    color: #c8c372; }

.boxAll.bkgMint h2 {
  color: #0d4000;
  background-color: white; }

.boxAll.bkgWht h2 {
  color: white;
  background-color: #0d4000; }

.boxAllAgOr {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  color: #d9782d;
  border: 3px solid #d9782d; }

.boxAllalff {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  color: #c9d845;
  border: 3px solid #c9d845; }

.boxAllGrass {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  /*color: $clrWht;*/
  border: 3px solid green; }

.boxAllRsvr {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  color: #12a4b6;
  border: 3px solid #12a4b6; }

.boxAllDkSl {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  color: #105456;
  border: 3px solid #105456; }

.boxAllCanyon {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  color: #cc5430;
  border: 3px solid #cc5430; }

.boxAllPine {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  color: #0d4000;
  border: 3px solid #0d4000; }

.boxAll.anRpt {
  padding: 0 0 1em 0;
  margin-top: 1em;
  border: 4px solid green; }

.boxTB {
  margin: .75em 0 .75em 0;
  padding: 0 .75em 0 .75em;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000; }
  .boxTB h2 {
    margin-right: 0;
    padding: 0 .3em 0 .3em;
    border-top: 2px solid #0d4000;
    border-bottom: 2px solid #0d4000; }

.boxTB.bkgMint h2 {
  color: #0d4000;
  background-color: white; }

.boxTB.bkgEcru h2 {
  color: #0d4000;
  background-color: #f2ffd3; }

@media (max-width: 640px) {
  .boxTB {
    padding: 0 .3em 0 .3em; } }

.gradGrnBox {
  margin-top: 1em;
  padding: 0 1em 0 1em;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000;
  /* Fallback for old browsers */
  background-color: green;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(bottom, white 45%, green);
  /* Opera */
  background-image: -o-linear-gradient(bottom, white 45%, green);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(bottom, white 45%, green);
  /* IE10 */
  background-image: -ms-linear-gradient(bottom, white 45%, green);
  /* W3C */
  background-image: linear-gradient(bottom, white 45%, green); }

.gradGoldBox {
  margin-top: 1em;
  padding: 0 1em 0 1em;
  border-top: 2px solid #0d4000;
  border-bottom: 2px solid #0d4000;
  /* Fallback for old browsers */
  background-color: #c8c372;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(left, white 5%, #c8c372);
  /* Opera */
  background-image: -o-linear-gradient(left, white 5%, #c8c372);
  /* WebKit (Chrome 11+) */
  background-image: -webkit-linear-gradient(left, white 5%, #c8c372);
  /* IE10 */
  background-image: -ms-linear-gradient(left, white 5%, #c8c372);
  /* W3C */
  background-image: linear-gradient(left, white 5%, #c8c372); }

/******************************************************************************
***********************************************************************[COLRS]*
**
** Colors
**
*******************************************************************************
******************************************************************************/
/**********************************
***************************[TLTCR]*
**
** TILT COLORS 
**
***********************************
**********************************/
.bkgEcru {
  background-color: #fefef1; }
  .bkgEcru h2 {
    color: white;
    background-color: #0d4000;
    padding: 0 .2em 0 .2em; }
    .bkgEcru h2 a {
      color: white; }
    .bkgEcru h2 a:hover {
      color: #0d4000;
      background-color: white; }

.bdrEcru {
  border: 2px solid #fefef1; }

.txtEcru {
  color: #fefef1; }

.smoke {
  background-color: whitesmoke; }

.hoverSmoke:hover {
  background-color: whitesmoke; }

.hoverMint:hover {
  background-color: #f2ffd3; }

.hoverGold:hover {
  background-color: #c8c372; }

.hoverCnyn:hover {
  color: #cc5430; }

/**********************************
***************************[CSUCR]*
**
** CSUCOLORS 
**
***********************************
**********************************/
.transparent {
  background-color: transparent;
  border: none; }

.bkgAgOr {
  background-color: #d9782d; }

.bdrAgOr {
  border: 2px solid #d9782d; }

.txtAgOr {
  color: #d9782d; }

.bkgAgOrLt {
  background-color: #f0c9ab; }

.bdrAgOrLT {
  border: 2px solid #f0c9ab; }

.txtAgOrLt {
  color: #f0c9ab; }

.bkgHntr {
  background-color: #f6412d; }

.bdrHntr {
  border: 2px solid #f6412d; }

.txtHntr {
  color: #f6412d; }

.bkgHntrLt {
  background-color: #fcc6c0; }

.bdrHntrLt {
  border: 2px solid #fcc6c0; }

.txtHntrLt {
  color: #fcc6c0; }

.bkgAlff {
  background-color: #c9d845; }

.bdrAlff {
  border: 2px solid #c9d845; }

.txtAlff {
  color: #c9d845; }

.bkgAlffLt {
  background-color: #e4eca2; }

.bdrAlffLt {
  border: 2px solid #e4eca2; }

.txtAlffLt {
  color: #e4eca2; }

.bkgCorn {
  background-color: #ffd100; }

.bdrCorn {
  border: 2px solid #ffd100; }

.txtCorn {
  color: #ffd100; }

.bkgCornLt {
  background-color: #ffed99; }

.bdrCornLt {
  border: 2px solid #ffed99; }

.txtCornLt {
  color: #ffed99; }

.bkgCornLite {
  background-color: #fff4c4; }

.bdrCornLite {
  border: 2px solid #fff4c4; }

.txtCornLite {
  color: #fff4c4; }

.bkgCnry {
  background-color: #ffef00; }

.bdrCnry {
  border: 2px solid #ffef00; }

.txtCnry {
  color: #ffef00; }

.bkgCnryLt {
  background-color: #fffab3; }

.bdrCnryLt {
  border: 2px solid #fffab3; }

.txtCnryLt {
  color: #fffab3; }

.bkgCrim {
  background-color: #eb0e00; }

.bdrCrim {
  border: 2px solid #eb0e00; }

.txtCrim {
  color: #eb0e00; }

.bkgCrimLt {
  background-color: #f9b7b3; }

.bdrCrimLt {
  border: 2px solid #f9b7b3; }

.txtCrimLt {
  color: #f9b7b3; }

.bkgCnyn {
  background-color: #cc5430; }

.bdrCnyn {
  border: 2px solid #cc5430; }

.txtCnyn {
  color: #cc5430; }

.bkgCnynLt {
  background-color: rgba(204, 84, 48, 0.5); }

.bdrCnynLt {
  border: 2px solid rgba(204, 84, 48, 0.5); }

.txtCnynLt {
  color: rgba(204, 84, 48, 0.5); }

.bkgDkSl {
  background-color: #105456; }

.bdrDkSl {
  border: 2px solid #105456; }

.txtDkSl {
  color: #105456; }

.bkgDkSlLt {
  background-color: #cfdddd; }

.bdrDkSlLt {
  border: 2px solid #cfdddd; }

.txtDkSlLt {
  color: #cfdddd; }

.bkgGold {
  background-color: #c8c372; }

.bdrGold {
  border: 2px solid #c8c372; }

.txtGold {
  color: #c8c372; }

.bkgGoldLt {
  background-color: #e4e1b9; }

.bdrGoldLt {
  border: 2px solid #e4e1b9; }

.txtGoldLt {
  color: #e4e1b9; }

.bkgGrass {
  background-color: green; }

.bdrGrass {
  border: 2px solid green; }

.txtGrass {
  color: green; }

.bkgGrassLt {
  background-color: #e6f3e6; }

.bdrGrassLt {
  border: 2px solid #e6f3e6; }

.txtGrassLt {
  color: #e6f3e6; }

.bkgGrn {
  background-color: #255f35; }

.bdrGrn {
  border: 2px solid #255f35; }

.txtGrn {
  color: #255f35; }

.bkgGrnLt {
  background-color: #d3dfd7; }

.bdrGrnLt {
  border: 2px solid #d3dfd7; }

.txtGrnLt {
  color: #d3dfd7; }

.bkgMint {
  background-color: #f2ffd3; }

.bdrMint {
  border: 2px solid #f2ffd3; }

.txtMint {
  color: #f2ffd3; }

.bkgMintLt {
  background-color: #f7ffe5; }

.bdrMintLt {
  border: 2px solid #f7ffe5; }

.txtMint {
  color: #f7ffe5; }

.bkgPine {
  background-color: #0d4000; }

.bdrPine {
  border: 2px solid #0d4000; }

.txtPine {
  color: #0d4000; }

.bkgPineLt {
  background-color: #e7ece6; }

.bdrPineLt {
  border: 2px solid #e7ece6; }

.txtPineLt {
  color: #e7ece6; }

.bkgPineFade {
  background-color: rgba(13, 64, 0, 0.1); }

.bkgCSUGrn {
  background-color: #1e4d2b; }

.bdrCSUGrn {
  border: 2px solid #1e4d2b; }

.txtCSUGrn {
  color: #1e4d2b; }

.bkgSumr {
  background-color: #52ba00; }

.bdrSumr {
  border: 2px solid #52ba00; }

.txtSumr {
  color: #52ba00; }

.bkgSumrLt {
  background-color: #cbeab3; }

.bdrSumrLt {
  border: 2px solid #cbeab3; }

.txtSumrLt {
  color: #cbeab3; }

.bkgPrpl {
  background-color: #785aa6; }

.bdrPrpl {
  border: 2px solid #785aa6; }

.txtPrpl {
  color: #785aa6; }

.bkgPrplLt {
  background-color: rgba(120, 90, 166, 0.5); }

.bdrPrplLt {
  border: 2px solid rgba(120, 90, 166, 0.5); }

.txtPrplLt {
  color: rgba(120, 90, 166, 0.5); }

.bkgSlate {
  background-color: #105456; }

.bdrSlate {
  border: 2px solid #105456; }

.txtSlate {
  color: #105456; }

.bkgSlateLt {
  background-color: #cfdddd; }

.bdrSlateLt {
  border: 2px solid #cfdddd; }

.txtSlateLt {
  color: #cfdddd; }

.bkgRsvr {
  background-color: #12a4b6; }

.bdrRsvr {
  border: 2px solid #12a4b6; }

.txtRsvr {
  color: #12a4b6; }

.bkgRsvrLt {
  background-color: #b7e4e9; }

.bdrRsvrLt {
  border: 2px solid #b7e4e9; }

.txtRsvrLt {
  color: #b7e4e9; }

.txtSnSh {
  color: #ecc530; }

.bkgSnSh {
  background-color: #ecc530; }

.bdrSnSh {
  border: 2px solid #ecc530; }

.txtSnSh {
  color: #ecc530; }

.bkgWht {
  background-color: white; }

.bdrWht {
  border: 2px solid white; }

.txtWht {
  color: white; }

.bkgGrey {
  background-color: #59595b; }

.bdrGrey {
  border: 2px solid #59595b; }

.txtGrey {
  color: #59595b; }

.bkgDkGrey {
  background-color: #555555; }

.bdrDkGrey {
  border: 2px solid #555555; }

.txtDkGrey {
  color: #555555; }

.bkgOffWht {
  background-color: #f7f7f7; }

.bdrOffWht {
  border: 2px solid #f7f7f7; }

.txtOffWht {
  color: #f7f7f7; }

/******************************************************************************
***********************************************************************[EXPER]*
**
** Experimental - grid boxes
**
*******************************************************************************
******************************************************************************/
/**********************************
***************************[]*
**
** Layouts
**
***********************************
**********************************/
.layoutAll, .layoutSevenEights, .layoutThreeQuarters, .layoutTwoThirds, .layoutOneHalf, .layoutOneThird, .layoutOneQuarter {
  display: block; }

.layoutAll.table {
  display: table;
  width: 100%; }

.layoutAll {
  width: 100%; }

.layoutSevenEights {
  width: 87.5%;
  margin: 0 auto; }

.layoutThreeQuarters {
  width: 75%;
  margin: 0 auto; }

.layoutTwoThirds {
  width: 66%;
  margin: 0 auto; }

.layoutOneHalf {
  width: 50%;
  margin: 0 auto; }

.layoutOneThird {
  width: 33%;
  margin: 0 auto; }

.layoutOneQuarter {
  width: 25%;
  margin: 0 auto; }

@media (max-width: 1024px) {
  .layoutSevenEights {
    width: 100%;
    padding-right: 0; }
  .layoutThreeQuarters {
    width: 87.5%; }
  .layoutTwoThirds {
    width: 75%; }
  .layoutOneHalf {
    width: 75%; }
  .layoutOneThird {
    width: 66%; }
  .layoutOneQuarter {
    width: 25%; } }

@media (max-width: 640px) {
  .layoutThreeQuarters, .layoutTwoThirds, .layoutOneHalf, .layoutOneThird, .layoutOneQuarter {
    width: auto;
    display: block; } }

/**********************************
***************************[]*
**
** grid sets
**
***********************************
**********************************/
/* 1 columns */
.row1c-1f {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "col1";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  margin-bottom: 1em; }

/* 2 columns */
.row2c-1f {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "col1 col2";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  margin-bottom: 1em; }

.row2c-2f1f {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "col1 col2";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 2fr 1fr; }

.row2c-1f2f {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "col1 col2";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 2fr; }

.row2c-3f1f {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-areas: "col1 col2";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 3fr 1fr; }

.row2c-1f3f {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-areas: "col1 col2";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 3fr; }

.row2c-1f4f {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-areas: "col1 col2";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 4fr; }

@media (max-width: 1024px) {
  .row2c-3f1f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; }
  .row2c-1f3f, .row2c-1f4f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; } }

@media (max-width: 640px) {
  .row2c-1f, .row2c-2f1f, .row2c-1f2f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; } }

/* 3 columns */
.indxRow2c-1f {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "col1 col2" "col3 col4" "col5 col6" "col7 col8";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr; }

.indxRow3c-1f {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "col1 col2 col3" "col4 col5 col6" "col7 col8 col9" "col10 col11 col12" "col13 col14 col15" "col16 col17 col18";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr; }

.row3c-1f {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "col1 col2 col3";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr; }

.row3c-2f1f1f {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-areas: "col1 col2 col3";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 2fr 1fr 1fr; }

.row3c-1f2f1f {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-areas: "col1 col2 col3";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 2fr 1fr; }

.row3c-1f1f2f {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-areas: "col1 col2 col3";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 2fr; }

@media (max-width: 1024px) {
  .row3c-1f.alt {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col3";
    grid-gap: 1em;
    -ms-grid-columns: 1fr 1fr; } }

@media (max-width: 640px) {
  .row3c-1f, .row3c-1f.alt {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; }
  .indxRow2c-1f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3" "col4" "col5" "col6";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; }
  .indxRow3c-1f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8" "col9" "col10" "col11" "col12" "col13" "col14" "col15" "col16" "col17" "col18";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; } }

@media (max-width: 1024px) {
  .row3c-2f1f1f, .row3c-1f2f1f, .row3c-1f1f2f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3";
    grid-gap: 1em;
    -ms-grid-columns: 1fr; } }

/* 4 columns */
.row4c-1f {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "col1 col2 col3 col4";
  grid-gap: 1em;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr; }

@media (max-width: 1024px) {
  .row4c-1f {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col4";
    grid-gap: .5em;
    -ms-grid-columns: 1fr 1fr; } }

@media (max-width: 640px) {
  .row4c-1f {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3" "col4";
    grid-gap: .5em;
    -ms-grid-columns: 1fr; } }

/*.col1
{
	grid-area: col1;
}

.col2
{
	grid-area: col2;
}

.col3
{
	grid-area: col3;
}

.col4
{
	grid-area: col4;
}*/
.span {
  grid-area: 2 / 4; }

.noGridGap {
  grid-gap: 0; }

.smGridGap {
  grid-gap: 1px; }

/* MS JUNK */
@supports (-ms-ime-align: auto) {
  .row1c-1f {
    padding: .5em 0 .5em 0; }
    .row1c-1f .col, .row1c-1f .col1 {
      border: 0 solid transparent;
      border-width: 0 .5em .5em 0; }
    .row1c-1f .col:nth-of-type(1n), .row1c-1f .col1 {
      -ms-grid-column: 1; }
    .row1c-1f .col:nth-of-type(2), .row1c-1f .col1:nth-of-type(2) {
      -ms-grid-row: 2; }
    .row1c-1f .col:nth-of-type(3), .row1c-1f .col1:nth-of-type(3) {
      -ms-grid-row: 3; }
    .row1c-1f .col:nth-of-type(4), .row1c-1f .col1:nth-of-type(4) {
      -ms-grid-row: 4; }
    .row1c-1f .col:nth-of-type(5), .row1c-1f .col1:nth-of-type(5) {
      -ms-grid-row: 5; }
  .row2c-1f, .row2c-2f1f, .row2c-1f2f {
    padding: .5em 0 .5em 0; }
    .row2c-1f .col, .row2c-1f .col1, .row2c-2f1f .col, .row2c-2f1f .col1, .row2c-1f2f .col, .row2c-1f2f .col1 {
      border: 0 solid transparent;
      border-width: 0 .5em .5em 0; }
    .row2c-1f .col2, .row2c-2f1f .col2, .row2c-1f2f .col2 {
      border: 0 solid transparent;
      border-width: 0 0 .5em .5em; }
    .row2c-1f .col:nth-of-type(2n+1), .row2c-1f .col1, .row2c-2f1f .col:nth-of-type(2n+1), .row2c-2f1f .col1, .row2c-1f2f .col:nth-of-type(2n+1), .row2c-1f2f .col1 {
      -ms-grid-column: 1; }
    .row2c-1f .col:nth-of-type(2n+2), .row2c-1f .col2, .row2c-2f1f .col:nth-of-type(2n+2), .row2c-2f1f .col2, .row2c-1f2f .col:nth-of-type(2n+2), .row2c-1f2f .col2 {
      -ms-grid-column: 2; }
    .row2c-1f .col:nth-of-type(3), .row2c-1f .col:nth-of-type(4), .row2c-1f .col1:nth-of-type(2), .row2c-1f .col2:nth-of-type(3), .row2c-2f1f .col:nth-of-type(3), .row2c-2f1f .col:nth-of-type(4), .row2c-2f1f .col1:nth-of-type(2), .row2c-2f1f .col2:nth-of-type(3), .row2c-1f2f .col:nth-of-type(3), .row2c-1f2f .col:nth-of-type(4), .row2c-1f2f .col1:nth-of-type(2), .row2c-1f2f .col2:nth-of-type(3) {
      -ms-grid-row: 2; }
    .row2c-1f .col:nth-of-type(5), .row2c-1f .col:nth-of-type(6), .row2c-1f .col1:nth-of-type(4), .row2c-1f .col2:nth-of-type(5), .row2c-2f1f .col:nth-of-type(5), .row2c-2f1f .col:nth-of-type(6), .row2c-2f1f .col1:nth-of-type(4), .row2c-2f1f .col2:nth-of-type(5), .row2c-1f2f .col:nth-of-type(5), .row2c-1f2f .col:nth-of-type(6), .row2c-1f2f .col1:nth-of-type(4), .row2c-1f2f .col2:nth-of-type(5) {
      -ms-grid-row: 3; }
    .row2c-1f .col:nth-of-type(7), .row2c-1f .col:nth-of-type(8), .row2c-1f .col1:nth-of-type(6), .row2c-1f .col2:nth-of-type(7), .row2c-2f1f .col:nth-of-type(7), .row2c-2f1f .col:nth-of-type(8), .row2c-2f1f .col1:nth-of-type(6), .row2c-2f1f .col2:nth-of-type(7), .row2c-1f2f .col:nth-of-type(7), .row2c-1f2f .col:nth-of-type(8), .row2c-1f2f .col1:nth-of-type(6), .row2c-1f2f .col2:nth-of-type(7) {
      -ms-grid-row: 4; }
    .row2c-1f .col:nth-of-type(9), .row2c-1f .col:nth-of-type(10), .row2c-1f .col1:nth-of-type(8), .row2c-1f .col2:nth-of-type(9), .row2c-2f1f .col:nth-of-type(9), .row2c-2f1f .col:nth-of-type(10), .row2c-2f1f .col1:nth-of-type(8), .row2c-2f1f .col2:nth-of-type(9), .row2c-1f2f .col:nth-of-type(9), .row2c-1f2f .col:nth-of-type(10), .row2c-1f2f .col1:nth-of-type(8), .row2c-1f2f .col2:nth-of-type(9) {
      -ms-grid-row: 5; }
  .indxRow2c-1f .col1, .indxRow2c-1f .col3, .indxRow2c-1f .col5 {
    -ms-grid-column: 1; }
  .indxRow2c-1f .col2, .indxRow2c-1f .col4, .indxRow2c-1f .col6 {
    -ms-grid-column: 2; }
  .indxRow2c-1f .col3, .indxRow2c-1f .col4 {
    -ms-grid-row: 2; }
  .indxRow2c-1f .col5, .indxRow2c-1f .col6 {
    -ms-grid-row: 3; }
  .indxRow3c-1f .col1, .indxRow3c-1f .col4, .indxRow3c-1f .col7, .indxRow3c-1f .col10, .indxRow3c-1f .col13, .indxRow3c-1f .col16 {
    -ms-grid-column: 1; }
  .indxRow3c-1f .col2, .indxRow3c-1f .col5, .indxRow3c-1f .col8, .indxRow3c-1f .col11, .indxRow3c-1f .col14, .indxRow3c-1f .col17 {
    -ms-grid-column: 2; }
  .indxRow3c-1f .col3, .indxRow3c-1f .col6, .indxRow3c-1f .col9, .indxRow3c-1f .col12, .indxRow3c-1f .col15, .indxRow3c-1f .col18 {
    -ms-grid-column: 3; }
  .indxRow3c-1f .col4, .indxRow3c-1f .col5, .indxRow3c-1f .col6 {
    -ms-grid-row: 2; }
  .indxRow3c-1f .col7, .indxRow3c-1f .col8, .indxRow3c-1f .col9 {
    -ms-grid-row: 3; }
  .indxRow3c-1f .col10, .indxRow3c-1f .col11, .indxRow3c-1f .col12 {
    -ms-grid-row: 4; }
  .indxRow3c-1f .col13, .indxRow3c-1f .col14, .indxRow3c-1f .col15 {
    -ms-grid-row: 5; }
  .indxRow3c-1f .col16, .indxRow3c-1f .col17, .indxRow3c-1f .col18 {
    -ms-grid-row: 6; }
  .row3c-1f, .row3c-1f2f1f {
    padding: .5em 0 .5em 0; }
    .row3c-1f .col, .row3c-1f2f1f .col {
      border: 0 solid transparent;
      border-width: .5em; }
    .row3c-1f .col1, .row3c-1f2f1f .col1 {
      border: 0 solid transparent;
      border-width: .5em .5em .5em 0; }
    .row3c-1f .col2, .row3c-1f2f1f .col2 {
      border: 0 solid transparent;
      border-width: .5em .5em .5em .5em; }
    .row3c-1f .col3, .row3c-1f2f1f .col3 {
      border: 0 solid transparent;
      border-width: .5em 0 .5em .5em; }
    .row3c-1f .col:nth-of-type(3n+1), .row3c-1f .col1, .row3c-1f2f1f .col:nth-of-type(3n+1), .row3c-1f2f1f .col1 {
      -ms-grid-column: 1; }
    .row3c-1f .col:nth-of-type(3n+2), .row3c-1f .col2, .row3c-1f2f1f .col:nth-of-type(3n+2), .row3c-1f2f1f .col2 {
      -ms-grid-column: 2; }
    .row3c-1f .col:nth-of-type(3n+3), .row3c-1f .col3, .row3c-1f2f1f .col:nth-of-type(3n+3), .row3c-1f2f1f .col3 {
      -ms-grid-column: 3; }
    .row3c-1f .col:nth-of-type(4), .row3c-1f .col:nth-of-type(5), .row3c-1f .col:nth-of-type(6), .row3c-1f .col1:nth-of-type(4), .row3c-1f .col2:nth-of-type(5), .row3c-1f .col3:nth-of-type(6), .row3c-1f2f1f .col:nth-of-type(4), .row3c-1f2f1f .col:nth-of-type(5), .row3c-1f2f1f .col:nth-of-type(6), .row3c-1f2f1f .col1:nth-of-type(4), .row3c-1f2f1f .col2:nth-of-type(5), .row3c-1f2f1f .col3:nth-of-type(6) {
      -ms-grid-row: 2; }
    .row3c-1f .col:nth-of-type(7), .row3c-1f .col:nth-of-type(8), .row3c-1f .col:nth-of-type(9), .row3c-1f .col1:nth-of-type(7), .row3c-1f .col2:nth-of-type(8), .row3c-1f .col3:nth-of-type(9), .row3c-1f2f1f .col:nth-of-type(7), .row3c-1f2f1f .col:nth-of-type(8), .row3c-1f2f1f .col:nth-of-type(9), .row3c-1f2f1f .col1:nth-of-type(7), .row3c-1f2f1f .col2:nth-of-type(8), .row3c-1f2f1f .col3:nth-of-type(9) {
      -ms-grid-row: 3; }
    .row3c-1f .col:nth-of-type(10), .row3c-1f .col:nth-of-type(11), .row3c-1f .col:nth-of-type(12), .row3c-1f .col1:nth-of-type(10), .row3c-1f .col2:nth-of-type(11), .row3c-1f .col3:nth-of-type(12), .row3c-1f2f1f .col:nth-of-type(10), .row3c-1f2f1f .col:nth-of-type(11), .row3c-1f2f1f .col:nth-of-type(12), .row3c-1f2f1f .col1:nth-of-type(10), .row3c-1f2f1f .col2:nth-of-type(11), .row3c-1f2f1f .col3:nth-of-type(12) {
      -ms-grid-row: 4; }
    .row3c-1f .col:nth-of-type(13), .row3c-1f .col:nth-of-type(14), .row3c-1f .col:nth-of-type(15), .row3c-1f2f1f .col:nth-of-type(13), .row3c-1f2f1f .col:nth-of-type(14), .row3c-1f2f1f .col:nth-of-type(15) {
      -ms-grid-row: 5; }
    .row3c-1f .col:nth-of-type(16), .row3c-1f .col:nth-of-type(17), .row3c-1f .col:nth-of-type(18), .row3c-1f2f1f .col:nth-of-type(16), .row3c-1f2f1f .col:nth-of-type(17), .row3c-1f2f1f .col:nth-of-type(18) {
      -ms-grid-row: 6; }
  .row4c-1f .col:nth-of-type(4n+1), .row4c-1f .col1 {
    -ms-grid-column: 1; }
  .row4c-1f .col:nth-of-type(4n+2), .row4c-1f .col2 {
    -ms-grid-column: 2; }
  .row4c-1f .col:nth-of-type(4n+3), .row4c-1f .col3 {
    -ms-grid-column: 3; }
  .row4c-1f .col:nth-of-type(4n+4), .row4c-1f .col4 {
    -ms-grid-column: 4; }
  .row4c-1f .col:nth-of-type(5), .row4c-1f .col:nth-of-type(6), .row4c-1f .col:nth-of-type(7), .row4c-1f .col:nth-of-type(8), .row4c-1f .col1:nth-of-type(5), .row4c-1f .col2:nth-of-type(6), .row4c-1f .col3:nth-of-type(7), .row4c-1f .col4:nth-of-type(8) {
    -ms-grid-row: 2; } }

/* colors */
.row2c-1f.bkgWS .col1, .row2c-1f.bkgWS .col2 {
  background-color: whitesmoke; }

.row2c-1f.bkgWS .col1:nth-child(4n+1), .row2c-1f.bkgWS .col1:nth-child(4n+1) + .col2 {
  background-color: white; }

dt, dd {
  background-color: whitesmoke; }

dt:nth-child(4n+1), dt:nth-child(4n+1) + dd {
  background-color: white; }

/* show/hide stuff like in catalyst */
.hideV {
  display: none; }

@media (max-width: 640px) {
  .hideH {
    display: none; }
  .hideV {
    display: block; } }

/* acnsStuff */
.acnsStuff h2 {
  color: #555555;
  font-family: "Lato";
  font-weight: 300;
  font-size: 2rem;
  text-transform: none; }

.acnsStuff .bttn2 {
  border-width: 2px; }

.row3c-1f.acnsStuff {
  grid-gap: 1.5em; }

/* end line */