/* GENERAL STYLES
---------------------------------------------*/
html,
body,
form {
  height: 100%;
  width: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #292929;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  background: #F3F5F6;
}
@media only screen and (max-width:  699px ) {
  body {
    font-size: 0.9375em;
  }
}
body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: #09396c;
  text-decoration: underline;
  outline: none;
  transition: color 250ms ease, background 500ms ease;
}
a:hover,
a:focus {
  color: #09396c;
  text-decoration: none;
}
a img {
  border: none;
}
h1,
h2,
h3,
h4,
h5,
.PageTitleHeader,
.PageSubTitleHeader {
  font-weight: bold;
  margin-bottom: 20px;
  color: #21314D;
}
h1,
.PageTitleHeader {
  font-size: 2.75em;
  line-height: 1;
  font-weight: 300;
  color: #21314D;
}
@media only screen and (max-width:  699px ) {
  h1,
  .PageTitleHeader {
    font-size: 2.26667em;
  }
}
h2,
.PageSubTitleHeader {
  font-size: 2.25em;
  line-height: 1.05;
  color: #21314D;
  text-transform: uppercase;
  font-weight: normal;
}
@media only screen and (max-width:  699px ) {
  h2,
  .PageSubTitleHeader {
    font-size: 1.866667em;
  }
}
h3 {
  font-size: 1.625em;
  line-height: 1.05;
  color: #21314D;
  font-weight: bold;
}
@media only screen and (max-width:  699px ) {
  h3 {
    font-size: 1.6em;
  }
}
h4 {
  font-size: 1.375em;
  line-height: 1.25;
  color: #21314D;
  text-transform: uppercase;
}
@media only screen and (max-width:  699px ) {
  h4 {
    font-size: 1.466667em;
  }
}
h5 {
  font-size: 1.25em;
  line-height: 1.25;
  color: #21314D;
}
@media only screen and (max-width:  699px ) {
  h5 {
    font-size: 1.333em;
  }
}
p {
  margin: 0.5em 0 1.5em;
  padding: 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
  margin-bottom: 0;
}
#PageTitle,
.PageTitleHeader {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.textalignright {
  text-align: right;
}
.textalignleft {
  text-align: left;
}
hr {
  height: 1px;
  line-height: 1px;
  margin: 50px 0;
  clear: both;
  border: none;
  background: #E5E5E5;
  color: #E5E5E5;
}
img.left {
  float: left;
  margin: 0 7px 1px 0;
}
img.right {
  float: right;
  margin: 0 0 7px 7px;
}
img.outline {
  border: 4px solid #666;
}
img.visibilityHidden {visibility: hidden;}
.clearing {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  margin-top: -7px;
}
.clearBoth {
  clear: both;
}
.clearRight {
  clear: right;
}
.clearLeft {
  clear: left;
}
.invisibleButAccessible {
  display: none;
}
.idbmsBreadcrumbSeparator {
  color: green !important;
}
.expand img {
  background-color: #cc4628 !important;
}
.expand {
  background-color: #cc4628 !important;
  display: inline-block;
  width: 18px;
}
.Error,
.error {
  width: auto!important;
}
img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  float: none!important;
  width: 16px!important;
  height: 16px !important;
}
#inner-wrap img {
  max-width: 100%;
  height: auto;
}
#inner-wrap img[src="/images/spacer.gif"] {
  display: none;
}
#inner-wrap img * {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.EventsHeader td:nth-child(2) {
  width: 18px !important;
  height: 18px !important;
}
.EventsHeader span.expand img {
  width: 18px !important;
  height: 18px !important;
}
::-moz-selection {
  background: blue;
  color: #fff;
}
::selection {
  background: blue;
  color: #fff;
}
/* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection {
  background: blue;
  color: #fff;
}
/* Mozilla Firefox */
/* Flexbox Equal heights */
.flexbox .equal-height {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.flexbox .equal-height-item {
  display: inherit;
  -ms-flex-direction: column;
      flex-direction: column;
}
.flexbox .equal-height-item-inner {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
/* Stack items on mobile */
@media only screen and (max-width:  699px ) {
  .flexbox .equal-height {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .container {
    width: 100%;
  }
}
/*button default*/
.button,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background: #21314D;
  font-size: 1em;
  color: #fff;
  padding: 10px 30px;
  text-decoration: none;
  border: none;
  display: inline-block;
  margin: 0 0px 10px 0;
  min-width: 140px;
  transition: all ease .2s;
  /* MAINT 158627 DT 09222020 */
  text-align: center;
  border-radius: 4px;
}
.button + .button,
.button + a.button,
.button + input[type="submit"],
.button + input[type="button"],
.button + input[type="reset"],
a.button + .button,
a.button + a.button,
a.button + input[type="submit"],
a.button + input[type="button"],
a.button + input[type="reset"],
input[type="submit"] + .button,
input[type="submit"] + a.button,
input[type="submit"] + input[type="submit"],
input[type="submit"] + input[type="button"],
input[type="submit"] + input[type="reset"],
input[type="button"] + .button,
input[type="button"] + a.button,
input[type="button"] + input[type="submit"],
input[type="button"] + input[type="button"],
input[type="button"] + input[type="reset"],
input[type="reset"] + .button,
input[type="reset"] + a.button,
input[type="reset"] + input[type="submit"],
input[type="reset"] + input[type="button"],
input[type="reset"] + input[type="reset"] {
  margin-left: 10px;
}
.button:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background: #09396c;
  color: #fff;
}
.button:focus,
a.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
  outline: 2px dotted #fff;
}
.arwLink {
  text-decoration: none;
}
.arwLink a {
  text-decoration: none;
}
.arwLink a:hover,
.arwLink a:focus {
  text-decoration: underline;
}
.arwLink:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free", "Font Awesome";
  font-weight: bold;
  margin-left: 8px;
}
#main div.imod-profile-options-inner {
  width: 100%;
  height: auto;
  text-align: right;
}
#main div.imod-profile-options-inner .imod-toggle-switch {
  height: auto;
  float: right;
}
#main div.imod-profile-options-inner .imod-toggle-switch button {
  background: #F3F3F3;
  color: #21314D;
  border-radius: 0;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  width: auto;
  padding: 10px 30px;
  margin-right: 0;
  border: 2px solid transparent;
  height: auto;
  -webkit-filter: none;
          filter: none;
  border: none;
}
#main div.imod-profile-options-inner .imod-toggle-switch button.selected {
  background: #cc4628;
  color: #fff;
}
#main div.imod-profile-options-inner .imod-toggle-switch button + button {
  margin-left: -5px;
}
#main div.imod-profile-options-inner .imod-toggle-switch button:hover,
#main div.imod-profile-options-inner .imod-toggle-switch button:focus {
  border-color: #21314D;
}
/* UTILITY BAR ELEMENTS
---------------------------------------------*/
.searchBar {
  float: left;
  width: 100%;
  background: #fff;
  color: #21314D;
  padding: 1em 0;
  margin-top: -200px;
  transition: all .2s ease;
  position: relative;
}
.searchBar .searchInner {
  position: relative;
  padding-top: 40px;
}
.searchBar a#closeSearchBtn {
  display: block;
  text-align: right;
  text-transform: uppercase;
  color: #21314D;
  text-decoration: none;
  padding: 5px 0;
  position: absolute;
  top: 0;
  right: 15px;
}
.searchBar a#closeSearchBtn:hover,
.searchBar a#closeSearchBtn:focus {
  text-decoration: underline;
}
.searchOpen .searchBar {
  margin-top: 0;
}
.utilityBar {
  float: left;
  width: 100%;
  background: #21314D;
  padding: 8px 0;
  border-bottom: 1px solid rgba(210, 73, 42, 0.3);
  color: #fff;
}
.utilityBar a {
  color: #fff;
  text-decoration: none;
}
.flexbox .utilityBar {
  padding: 0;
}
.flexbox .utilityBar .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .flexbox .utilityBar .row {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .flexbox .utilityBar .row > *:nth-child(1) {
    padding-left: 40px;
  }
  .flexbox .utilityBar .row > *:nth-child(2) {
    padding-right: 40px;
  }
}
.utilSocial {
  font-size: 1.125em;
}
.utilSocial ul {
  margin: 0 0 0 -10px;
  padding: 0;
  list-style: none;
}
.utilSocial ul li {
  display: inline-block;
}
.utilSocial ul li a {
  display: block;
  padding: 0 10px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .utilSocial ul li a {
    padding: 0 5px;
  }
}
.utilSocial ul li a:hover,
.utilSocial ul li a:focus {
  color: #879ec3;
}
.memberTools {
  float: right;
  margin-right: 0px;
  font-size: 0.8125em;
}
.memberTools ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.memberTools ul li {
  display: inline-block;
}
.memberTools ul li + li {
  margin-left: 11px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .memberTools ul li + li {
    margin-left: 1px;
  }
}
.memberTools ul li + li:before {
  content: "•";
  margin-right: 15px;
  display: inline-block;
  opacity: 0.3;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .memberTools ul li + li:before {
    margin-right: 4px;
  }
}
.memberTools ul li a {
  display: inline-block;
  position: relative;
}
.memberTools ul li a span:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: -5px;
  left: 0;
  opacity: 0;
  transition: all .2s ease;
}
.memberTools ul li a:hover span:after,
.memberTools ul li a:focus span:after {
  opacity: 0.5;
  bottom: -2px;
}
.search {
  float: right;
  min-width: 50px;
}
.search img[id$="_imgbtnSearch"] {
  width: 14px;
}
.search label,
.search .SearchModuleSpacer {
  display: none;
}
/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {
  float: left;
  width: 100%;
  background: #21314D;
  padding: 0;
  height: 115px;
  color: #fff;
  transition: all .2s ease;
  top: -200px;
}
@media only screen and (max-width:  699px ) {
  .structHead {
    height: auto;
    padding: 20px;
  }
}
.structHead .container {
  height: 100%;
}
.structHead .row {
  position: relative;
  padding-left: 250px;
  height: 100%;
}
@media only screen and (max-width:  699px ) {
  .structHead .row {
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
  }
}
@media only screen and (max-width:  699px ) {
  .structHead .row > * {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
  }
}
.headLogo {
  position: absolute;
  left: 15px;
  top: 0;
  width: 225px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .headLogo {
    width: 170px;
    left: 30px;
  }
}
@media only screen and (max-width:  699px ) {
  .headLogo {
    position: static;
    padding-left: 0px;
  }
  .headLogo img {
    width: 170px;
  }
}
.headLogo a {
  display: block;
}
#nav {
  display: none;
}
#searchToggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
#searchToggle a {
  color: #fff;
  display: block;
  width: 55px;
  height: 60px;
  text-align: right;
  height: 100%;
  transition: all ease .2s;
}
#searchToggle a .closeSearch {
  display: none;
}
#searchToggle a:hover,
#searchToggle a:focus {
  opacity: 0.5;
}
.searchOpen #searchToggle a .openSearch {
  display: none;
}
.searchOpen #searchToggle a .closeSearch {
  display: inline-block;
}
.menuToggleBtnWrap button {
  background: none;
  border: none;
  padding: 0;
  margin-left: 30px;
}
.menuToggleBtnWrap button .menuBars {
  width: 40px;
  display: block;
}
.menuToggleBtnWrap button .menuBars .bar {
  width: 100%;
  display: block;
  background-color: #fff;
  height: 2px;
}
.menuToggleBtnWrap button .menuBars .bar + .bar {
  margin-top: 8px;
}
#giveBtnMobile {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}
#giveBtnMobile a {
  /*background-color: #cc4628;*/
  background-color: #879EC3;
  color: #fff;
  display: block;
  padding: 12px;
  font-size: 1.5em;
  line-height: 1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
#giveBtnMobile a:hover,
#giveBtnMobile a:focus {
  /*background-color: #09396c;*/
  background-color: #cc4628;
}
#giveBtnMobile a:after {
  background-image: url(images/bkgd-give.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -32.5px;
  width: 65px;
  height: 100%;
  opacity: 0.11;
}
.fixed .structHead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  height: 80px;
}
.fixed .headLogo {
  width: 140px;
}
.fixed #searchToggle {
  opacity: 0;
}
.fixed #giveBtnMobile {
  display: none!important;
}
/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {
  height: 100%;
  position: relative;
  z-index: 4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .desktopNav {
    padding-right: 35px;
  }
}
.desktopNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.desktopNav ul li {
  float: left;
  padding: 0;
  line-height: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width:  1023px ) {
  .desktopNav ul li {
    display: none;
  }
}
.desktopNav ul li.hasDD > a:after {
  content: "\f078";
  font-family: "Font Awesome", "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  transition: all ease .2s;
  font-size: 14px;
}
.desktopNav ul li.hasDD:hover a:after,
.desktopNav ul li.hasDD:focus a:after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.desktopNav ul li.giveBanner {
  position: relative;
  width: 70px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .desktopNav ul li.giveBanner {
    display: block;
  }
}
.desktopNav ul li.giveBanner a {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  width: 100%;
  height: 100%;
  transition: ease all .2s;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.desktopNav ul li.giveBanner a:after {
  background-image: url(images/bkgd-give.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  content: "";
  position: absolute;
  bottom: 0px;
  left: -9px;
  width: 87px;
  height: 100%;
  opacity: 0.11;
}
.desktopNav ul li.giveBanner a:hover,
.desktopNav ul li.giveBanner a:focus {
  /* height: 105%; */
  color: #fff;
  background: #cc4628;
}
.desktopNav ul li.giveBanner a:hover span:after,
.desktopNav ul li.giveBanner a:focus span:after {
  display: none;
}

.desktopNav ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  position: relative;
  line-height: 1;
  padding: 0 0 45px;
  text-align: center;
}
.desktopNav ul li a:hover,
.desktopNav ul li a:focus {
  color: #879ec3;
}
.desktopNav li.sfHover {
  position: relative;
}
.desktopNav li.sfHover ul {
  left: 50%;
  opacity: 1;
  margin-left: -120px;
}
.desktopNav li.sfHover ul ul {
  left: -999em;
}
.desktopNav li.sfHover ul ul ul {
  left: -999em;
}
.desktopNav li ul {
  position: absolute;
  left: -999em;
  margin: 0px;
  background: #F3F5F6;
  float: none;
  width: 240px;
  text-align: left;
  opacity: 0;
  transition: opacity 500ms ease;
  top: 100%;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15);
}
.desktopNav li ul li {
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  line-height: normal;
  text-transform: none;
  font-size: 1em;
  /*ul {margin:-23px 0 0 150px; background: @green; color:@white; width:170px;
					li {width: 170px;
						&.sfHover {position:static;
							ul {left: auto; opacity:1;}
						}
						a {color:@white;
						
							&:hover {color:@light-gray;}
						}
					}
					a {font-weight:normal; text-align:left; padding:0.25em 1em;border:none;}
				}*/
}
.desktopNav li ul li + li {
  border-top: 1px solid #CED5DD;
  margin-top: -1px;
}
.desktopNav li ul li.sfHover {
  position: static;
}
.desktopNav li ul li.sfHover ul {
  left: 0;
  opacity: 1;
  margin-left: -120px;
}
.desktopNav li ul li:hover a,
.desktopNav li ul li:focus a {
  background: #879ec3;
  color: #21314D;
}
.desktopNav li ul li a {
  display: block;
  color: #21314D;
  text-align: center;
  font-weight: normal;
  padding: 15px;
}
/* Flexbox styles */
.flexbox .desktopNavInner {
  height: 100%;
}
.flexbox .desktopNavInner > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
.flexbox .desktopNavInner > ul > li {
  float: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
@media only screen and (max-width:  1023px ) {
  .flexbox .desktopNavInner > ul > li {
    display: none;
  }
  .flexbox .desktopNavInner > ul > li.giveBanner {
    display: block;
  }
}
.flexbox .desktopNavInner > ul > li + li {
  margin-left: 30px;
}
.flexbox .desktopNavInner > ul > li > a {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: center;
      justify-content: center;
}
.flexbox .desktopNavInner > ul > li > a span:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 35px;
  left: 0;
  opacity: 0;
  transition: all .2s ease;
}
.flexbox .desktopNavInner > ul > li > a:hover span:after,
.flexbox .desktopNavInner > ul > li > a:focus span:after {
  opacity: 0.5;
  bottom: 40px;
}
.flexbox .fixed .desktopNavInner > ul > li > a {
  padding-bottom: 30px;
}
.flexbox .fixed .desktopNavInner > ul > li > a span:after {
  bottom: 25px;
}
.flexbox .fixed .desktopNavInner > ul > li > a:hover span:after,
.flexbox .fixed .desktopNavInner > ul > li > a:focus span:after {
  bottom: 28px;
}
.flexbox .fixed .desktopNavInner > ul > li.hasDD a:after {
  bottom: 10px;
}
/* BREADCRUMBS
-----------------------------------------------*/
.structBody .breadCrumbs {
  margin-bottom: 2em;
  border-bottom: 1px solid #E5E5E5;
}
.structBody .breadCrumbs ul {
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
}
@media only screen and (max-width:  699px ) {
  .structBody .breadCrumbs ul {
    display: none;
  }
}
.structBody .breadCrumbs ul li {
  padding: 0;
  margin: 0;
  display: inline;
  font-size: .8125em;
}
.structBody .breadCrumbs ul li:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free", "Font Awesome";
  font-weight: bold;
  color: #cc4628;
  font-size: 0.75em;
}
.structBody .breadCrumbs ul li:first-child:before {
  content: "";
}
.structBody .breadCrumbs ul li:first-child a {
  padding-left: 0;
}
.structBody .breadCrumbs ul li.selected a {
  font-weight: bold;
  color: #09396c;
}
.structBody .breadCrumbs ul li a {
  text-decoration: none;
  padding: 0 5px 0 8px;
  color: #292929;
}
.structBody .breadCrumbs ul li a:hover,
.structBody .breadCrumbs ul li a:focus {
  text-decoration: underline;
}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody {
  float: left;
  padding: 0em 0;
  width: 100%;
  background: #fff;
}
.midWrap {
  padding-bottom: 5em;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .midWrap {
    padding-bottom: 3em;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (max-width:  699px ) {
  .midWrap {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.pageName h1 {
  margin: 0 0 10px;
}
@media only screen and (max-width:  699px ) {
  .pageName h1 {
    margin-bottom: 30px;
  }
}
.heroBar {
  margin-bottom: 90px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .heroBar {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width:  699px ) {
  .heroBar {
    margin-bottom: 35px;
  }
}
.heroBar .fullImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.home .sectionHeader {
  text-align: center;
  font-size: 0.9375em;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .home .sectionHeader {
    max-width: 830px;
    margin: 0 auto;
    float: none;
  }
}
.home .sectionHeader > div > :last-child {
  margin-bottom: 50px;
}
@media only screen and (max-width:  699px ) {
  .home .sectionHeader > div > :last-child {
    margin-bottom: 35px;
  }
}
.home .sectionHeader h2 {
  font-weight: 300;
  text-transform: none;
  font-size: 2.53333em;
}
@media only screen and (max-width:  699px ) {
  .home .sectionHeader h2 {
    font-size: 2em;
  }
}
.home .sectionHeader h2:after {
  content: "";
  height: 1px;
  background: #879ec3;
  width: 100%;
  display: block;
  margin: 15px 0;
}
.home .sectionHeader .caps {
  text-transform: uppercase;
}
.whiteBar {
  padding: 100px 0;
}
@media only screen and (max-width:  1023px ) {
  .whiteBar {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width:  699px ) {
  .whiteBar {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.navyBar {
  background: #21314D;
  color: #fff;
  padding: 80px 0 90px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .navyBar {
    padding: 70px 25px 60px;
  }
}
@media only screen and (max-width:  699px ) {
  .navyBar {
    padding: 50px 0 55px;
  }
}
.navyBar .sectionHeader h2 {
  color: #fff;
}
.navyBar .sectionHeader h2:after {
  background: #364660;
}
.navyBar .button {
  background: #fff;
  color: #cc4628;
  font-weight: bold;
  border: 2px solid transparent;
}
.navyBar .button:hover,
.navyBar .button:focus {
  background: transparent;
  border-color: #cc4628;
  color: #fff;
}
.navyBar a {
  color: #fff;
}
.homeCPI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .homeCPI {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width:  699px ) {
  .homeCPI {
    display: block;
  }
}
.homeCPI .dataViz .dataVizInner .dataViewer {
  background: #fff;
  width: 266px;
  height: 271px;
  position: relative;
  margin: 0 auto;
}
.homeCPI .dataViz .dataVizInner .dataViewer .barOverlay {
  content: "";
  background: url(images/mines-tetra.svg);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
}
.homeCPI .dataViz .dataVizInner .dataViewer .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.homeCPI .dataViz .dataVizInner .dataViewer .bar .fill {
  display: block;
  width: 100%;
  background: #879ec3;
  position: absolute;
  bottom: 0;
  left: 0;
}
.homeCPI .dataViz .dataVizInner .dataInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 3;
}
.homeCPI .dataViz .dataVizInner .dataInfo .percentage {
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  padding-top: 35px;
}
.homeCPI .dataViz .dataVizInner .dataInfo .percentage .value {
  font-weight: bold;
  font-size: 2.25em;
  line-height: 1;
}
.homeCPI .dataViz .dataVizInner .dataInfo .percentage .symbol {
  font-size: 1.25em;
  line-height: 1;
  position: relative;
  top: -10px;
  left: -3px;
}
.homeCPI .dataViz .dataVizInner .dataInfo .percentage .text {
  display: block;
  font-size: 1.125em;
  line-height: 1;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .homeCPI .dataCounts {
    padding-left: 55px;
  }
}
@media only screen and (max-width:  699px ) {
  .homeCPI .dataCounts {
    padding-top: 40px;
  }
}
.homeCPI .dataCounts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.homeCPI .dataCounts ul li {
  background: #fff;
  color: #21314D;
  font-size: 1.125em;
  line-height: 1.1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: 300;
  text-transform: uppercase;
  padding: 15px 30px;
}
.homeCPI .dataCounts ul li span {
  font-weight: bold;
  color: #cc4628;
}
.homeCPI .dataCounts ul li + li {
  margin-top: 25px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .homeCPI > .text {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    text-align: left;
    padding-top: 40px;
  }
}
@media only screen and (max-width:  699px ) {
  .homeCPI > .text {
    padding-top: 40px;
  }
}
.homeCPI > .text .btnWrap {
  display: block;
}
@media only screen and (max-width:  1023px ) {
  .homeCPI > .text .btnWrap {
    text-align: center;
  }
}
.homeCPI > .text .button {
  text-transform: uppercase;
  font-size: 1.375em;
}
.splitRow {
  position: relative;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .splitRow .splitSectionHeader,
  .splitRow .splitFeature,
  .splitRow .splitFull {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
.splitRow .colorFill {
  position: absolute;
  width: 50%;
  top: 0;
  height: 100%;
  background: #F3F5F6;
}
@media only screen and (max-width:  1023px ) {
  .splitRow .colorFill {
    display: none;
  }
}
.splitRow .colorFill.left {
  left: 0;
}
.splitRow .colorFill.right {
  right: 0;
}
.splitRow .leftCol {
  padding-right: 70px;
}
@media only screen and (max-width:  1023px ) {
  .splitRow .leftCol {
    background: #F3F5F6;
  }
}
@media only screen and (max-width:  699px ) {
  .splitRow .leftCol .splitSectionHeader h2:after {
    border-color: #D0D0D0;
  }
}
.splitRow .rightCol {
  padding-left: 70px;
}
.splitRow .leftCol,
.splitRow .rightCol {
  padding-top: 90px;
  padding-bottom: 95px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .splitRow .leftCol,
  .splitRow .rightCol {
    padding: 60px 55px;
  }
}
@media only screen and (max-width:  699px ) {
  .splitRow .leftCol,
  .splitRow .rightCol {
    padding: 55px 20px;
  }
}
.splitRow .splitSectionHeader .splitHeaderInner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 60px;
  margin-bottom: 50px;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitSectionHeader .splitHeaderInner {
    display: block;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
  }
}
.splitRow .splitSectionHeader h2 {
  text-transform: none;
  margin: 0;
  font-weight: 300;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitSectionHeader h2:after {
    content: "";
    height: 1px;
    background: #E5E5E5;
    width: 100%;
    display: block;
    margin: 15px 0;
  }
}
.splitRow .splitSectionHeader ul.arwLinks {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875em;
  line-height: 1;
}
.splitRow .splitSectionHeader ul.arwLinks li {
  text-transform: uppercase;
  text-align: right;
  color: #09396c;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitSectionHeader ul.arwLinks li {
    text-align: center;
  }
}
.splitRow .splitSectionHeader ul.arwLinks li + li {
  margin-top: 10px;
}
.splitRow .splitSectionHeader ul.arwLinks li:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free", "Font Awesome";
  font-weight: bold;
  margin-left: 8px;
}
.splitRow .splitSectionHeader ul.arwLinks li a {
  display: inline-block;
  text-decoration: none;
}
.splitRow .splitSectionHeader ul.arwLinks li a:focus,
.splitRow .splitSectionHeader ul.arwLinks li a:hover {
  text-decoration: underline;
}
.splitRow .splitFeature .ftItem {
  margin-bottom: 50px;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .ftItem {
    margin-bottom: 40px;
  }
}
.splitRow .splitFeature .thumb {
  position: relative;
  -webkit-filter: grayscale(0.25);
  filter: grayscale(0.25);
  margin: 0 0 25px;
}
/* .splitRow .splitFeature .thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(210, 73, 42, 0.3);
  content: "";
  opacity: 1;
  transition: opacity .2s ease;
  z-index: 1;
} */
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .thumb {
    margin-bottom: 10px;
  }
}
.splitRow .splitFeature .thumb .date {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #21314D;
  background: rgba(33, 49, 77, 0.9);
  color: #fff;
  z-index: 2;
  width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .thumb .date {
    width: 60px;
  }
}
.splitRow .splitFeature .thumb .date .dateInner {
  position: relative;
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  display: -ms-flexbox;
  display: flex;
  font-size: 2.25em;
  left: 40px;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .thumb .date .dateInner {
    left: 30px;
    font-size: 1.6em;
  }
}
.splitRow .splitFeature .thumb .date .month {
  text-transform: uppercase;
  padding-right: 45px;
  font-weight: 300;
  line-height: 80px;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .thumb .date .month {
    line-height: 60px;
    padding-right: 30px;
  }
}
.splitRow .splitFeature .thumb .date .day {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  margin-left: 0px;
  font-weight: bold;
  text-align: center;
  width: 80px;
  line-height: 1;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .thumb .date .day {
    width: 60px;
  }
}
.splitRow .splitFeature .text .title {
  font-size: 1.625em;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -0.5px;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .text .title {
    font-size: 1.46667em;
    text-align: center;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.splitRow .splitFeature .text .preview {
  margin-top: 10px;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFeature .text .preview {
    display: none;
  }
}
.splitRow .splitFeature a {
  text-decoration: none;
  display: inline-block;
  color: inherit;
}
.splitRow .splitFeature a:hover .thumb,
.splitRow .splitFeature a:focus .thumb {
  -webkit-filter: none;
          filter: none;
}
.splitRow .splitFeature a:hover .thumb:after,
.splitRow .splitFeature a:focus .thumb:after {
  opacity: 0;
}
.splitRow .splitFeature a:hover .text .title,
.splitRow .splitFeature a:focus .text .title {
  text-decoration: underline;
}
.splitRow .splitFeature .tools a {
  display: inline-block;
}
@media only screen and (max-width:  699px ) {
  .splitRow .splitFull {
    margin: 0 -5px;
  }
}
.splitRow .splitFull .text .title {
  margin-top: 15px;
  font-size: 1em;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  color: #292929;
  font-size: -0.5px;
}
.splitRow .splitFull .text .title a {
  color: #292929;
}
.splitRow .splitFull a {
  color: #292929;
  text-decoration: none;
  display: inline-block;
}
.splitRow .splitFull a:hover,
.splitRow .splitFull a:focus {
  text-decoration: underline;
}
.splitRow .splitFull .tools a {
  display: inline-block;
}
.newsHome {
  padding-bottom: 25px;
}
.newsHome:nth-child(2n+1) {
  clear: left;
}
@media only screen and (max-width:  699px ) {
  .newsHome {
    padding: 0 5px;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .moreEventsWrap {
    margin: 0 -15px;
  }
}
.moreEventsWrap .evRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .moreEventsWrap .evRow {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.eventHome {
  padding: 0 15px;
  -ms-flex: 1 0 33.3333336%;
      flex: 1 0 33.3333336%;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .eventHome {
    max-width: 205px;
  }
}
@media only screen and (max-width:  699px ) {
  .eventHome {
    padding: 0 5px;
  }
  .eventHome:nth-child(n+3) {
    display: none;
  }
}
.eventHome .eventInner .dateBox {
  height: 155px;
  width: 100%;
  background: #cc4628;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .eventHome .eventInner .dateBox {
    height: 185px;
  }
}
@media only screen and (max-width:  699px ) {
  .eventHome .eventInner .dateBox {
    height: 115px;
  }
}
.eventHome .eventInner .dateBox .dateBoxInner {
  position: relative;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.eventHome .eventInner .dateBox .month {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 1;
  font-size: 1.35em;
}
@media only screen and (max-width:  699px ) {
  .eventHome .eventInner .dateBox .month {
    font-size: 1em;
  }
}
.eventHome .eventInner .dateBox .day {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  margin-left: 0px;
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  line-height: 1;
}
@media only screen and (max-width:  1023px ) {
  .ctaBar {
    background: #F3F5F6;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .ctaBar {
    padding: 0px 40px;
  }
}
@media only screen and (max-width:  699px ) {
  .ctaBar {
    padding: 0px 5px;
  }
}
.ctasWrap {
  padding: 70px 0;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .ctasWrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .ctasWrap {
    padding: 45px 0px;
  }
}
@media only screen and (max-width:  699px ) {
  .ctasWrap {
    padding: 20px 0px;
  }
}
.ctasWrap .ctasInnerWrap {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ctasWrap .ctasInnerWrap .ctaItem {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding: 15px;
  max-width: 274px;
}
@media only screen and (max-width:  699px ) {
  .ctasWrap .ctasInnerWrap .ctaItem {
    padding: 0 15px;
  }
  .ctasWrap .ctasInnerWrap .ctaItem + .ctaItem {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .ctasWrap .ctasInnerWrap .ctaItem {
    width: 50%;
    max-width: 100%;
  }
}
@media only screen and (max-width:  699px ) {
  .ctasWrap .ctasInnerWrap .ctaItem {
    width: 100%;
    max-width: 100%;
  }
}
.ctasWrap .ctasInnerWrap .ctaItem .ctaInner {
  position: relative;
  height: 100px;
  background: #21314D;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 2px solid rgba(210, 73, 42, 0.5);
  transition: all .2s ease;
}
.ctasWrap .ctasInnerWrap .ctaItem .ctaInner .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  opacity: 0.17;
}
.ctasWrap .ctasInnerWrap .ctaItem .ctaInner .text {
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 1.3125em;
  line-height: 1;
  text-transform: uppercase;
  position: realtive;
  z-index: 2;
}
.ctasWrap .ctasInnerWrap .ctaItem a {
  display: block;
  text-decoration: none;
}
.ctasWrap .ctasInnerWrap .ctaItem a:hover .ctaInner,
.ctasWrap .ctasInnerWrap .ctaItem a:focus .ctaInner {
  background: #fff;
}
.ctasWrap .ctasInnerWrap .ctaItem a:hover .ctaInner .text,
.ctasWrap .ctasInnerWrap .ctaItem a:focus .ctaInner .text {
  color: #21314D;
}
#storiesLarge {
  margin-top: -10px;
}
@media only screen and (max-width:  699px ) {
  #storiesLarge {
    padding-left: 5px;
    padding-right: 5px;
  }
}
#storiesLarge .storiesLgItem:focus {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}
#storiesLarge .storiesLgItem .storiesLgInner {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1;
}
#storiesLarge .storiesLgItem .storiesLgInner:hover .thumb,
#storiesLarge .storiesLgItem .storiesLgInner:focus .thumb {
  background-size: 120%;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #storiesLarge .storiesLgItem .storiesLgInner {
    min-height: 220px;
    height: auto;
  }
}
@media only screen and (max-width:  699px ) {
  #storiesLarge .storiesLgItem .storiesLgInner {
    display: block;
    height: auto;
  }
}
#storiesLarge .storiesLgItem .storiesLgInner .thumb {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 300px;
  height: 300px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 400px;
  transition: ease all .2s;
  z-index: 2;
}
@media only screen and (max-width:  1023px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .thumb {
    width: 220px;
    height: 220px;
  }
}
@media only screen and (max-width:  699px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .thumb {
    position: relative;
    margin: 0 auto -30px;
  }
}
#storiesLarge .storiesLgItem .storiesLgInner .text {
  padding-left: 150px;
  position: realtive;
  z-index: 1;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text {
    padding-left: 110px;
  }
}
@media only screen and (max-width:  699px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text {
    padding-left: 0;
  }
}
#storiesLarge .storiesLgItem .storiesLgInner .text .textInner {
  background: #364660;
  padding: 45px 80px 45px 215px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text .textInner {
    padding: 25px 50px 25px 140px;
  }
}
@media only screen and (max-width:  699px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text .textInner {
    padding: 55px 20px 30px;
    text-align: center;
  }
}
#storiesLarge .storiesLgItem .storiesLgInner .text .textInner .title {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.625em;
  margin: 0 0 10px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text .textInner .preview {
    font-size: 0.9375em;
  }
}
#storiesLarge .storiesLgItem .storiesLgInner .text .sldBtnsStories {
  position: relative;
  display: none;
  z-index: 5;
  padding-left: 215px;
  margin-left: -15px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text .sldBtnsStories {
    padding-left: 140px;
  }
}
@media only screen and (max-width:  699px ) {
  #storiesLarge .storiesLgItem .storiesLgInner .text .sldBtnsStories {
    padding-left: 0;
    margin-left: 0;
    text-align: center;
  }
}
#storiesLarge .storiesLgItem .storiesLgInner .text .sldBtnsStories button {
  background: none;
  border: none;
  color: #CED5DD;
  padding: 15px;
}
#storiesLarge .storiesLgItem .storiesLgInner .text .sldBtnsStories button:hover,
#storiesLarge .storiesLgItem .storiesLgInner .text .sldBtnsStories button:focus {
  background: rgba(255, 255, 255, 0.05);
}
#storiesLarge .storiesLgItem a {
  display: block;
  text-decoration: none;
}
.multi-stories .sldBtnsStories {
  display: block!important;
}
#storiesNav .slick-track {
  margin-top: 45px;
  -ms-transform: none!important;
      transform: none!important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
#storiesNav .slick-track:after,
#storiesNav .slick-track:before {
  display: none;
}
.storiesNavItem {
  cursor: pointer;
  max-width: 165px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .storiesNavItem {
    max-width: 115px;
  }
}
.storiesNavItem .thumb {
  display: block;
  width: 165px;
  height: 165px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 400px;
  transition: ease all .2s;
  margin: 0 auto;
  opacity: 0.25;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .storiesNavItem .thumb {
    width: 115px;
    height: 115px;
  }
}
.storiesNavItem .text {
  text-align: center;
  margin-top: 10px;
}
.storiesNavItem .text .textInner .title {
  font-size: 1.125em;
  line-height: 1.1;
  text-transform: uppercase;
  color: #879ec3;
  padding: 0 10px;
}
.storiesNavItem.slick-current .thumb,
.storiesNavItem:hover .thumb,
.storiesNavItem:focus .thumb {
  opacity: 1;
  background-size: 110%;
}
.storiesNavItem.slick-current .text .textInner .title,
.storiesNavItem:hover .text .textInner .title,
.storiesNavItem:focus .text .textInner .title {
  color: #fff;
}
.statsBar {
  background-image: url(images/bkgd-stats.png);
  background-repeat: repeat;
  background-position: top left;
  padding: 100px 0;
}
@media only screen and (max-width:  699px ) {
  .statsBar {
    padding: 50px 0;
  }
}
#statsWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #statsWrap {
    max-width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (max-width:  699px ) {
  #statsWrap {
    display: block;
  }
}
#statsWrap .statItem {
  text-align: center;
}
@media only screen and (max-width:  699px ) {
  #statsWrap .statItem + .statItem {
    margin-top: 40px;
  }
}
#statsWrap .statItem .icon {
  color: #cc4628;
  font-size: 3.5em;
  line-height: 1;
  transition: color .2s ease;
  margin-bottom: 3px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #statsWrap .statItem .icon {
    font-size: 3.125em;
  }
}
@media only screen and (max-width:  699px ) {
  #statsWrap .statItem .icon {
    font-size: 3.73333em;
  }
}
#statsWrap .statItem .value {
  font-size: 3.5em;
  line-height: 1;
  font-weight: bold;
  color: #21314D;
  transition: color .2s ease;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #statsWrap .statItem .value {
    font-size: 3.125em;
  }
}
@media only screen and (max-width:  699px ) {
  #statsWrap .statItem .value {
    font-size: 3.3333em;
  }
}
#statsWrap .statItem .value .after {
  color: #cc4628;
  font-weight: normal;
}
#statsWrap .statItem .label {
  display: inline-block;
  border-top: 1px solid #879ec3;
  font-size: 1.625em;
  line-height: 1.1;
  text-transform: uppercase;
  padding-top: 10px;
  margin-top: 10px;
  transition: color .2s ease;
  color: #09396c;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #statsWrap .statItem .label {
    font-size: 1.375em;
  }
}
@media only screen and (max-width:  699px ) {
  #statsWrap .statItem .label {
    font-size: 1.46667em;
  }
}
#statsWrap .statItem a {
  text-decoration: none;
  display: block;
}
#statsWrap .statItem a:hover .icon,
#statsWrap .statItem a:focus .icon {
  color: #879ec3;
}
a.pageTop {
  color: #fff;
}
/* NEWS LISTINGS
-----------------------------------------------*/
.newsItem {
  position: relative;
  padding: 0px 0 40px;
  float: left;
  width: 100%;
  clear: both;
}
.newsItem + .newsItem {
  padding-top: 40px;
  border-top: 1px solid #E5E5E5;
}
.newsItem .thumb {
  position: relative;
  width: 120px;
  float: left;
}
.newsItem .text {
  padding-left: 155px;
}
@media only screen and (max-width:  699px ) {
  .newsItem .text {
    padding-left: 140px;
  }
}
.newsItem .title {
  font-size: 1.2em;
  line-height: normal;
  padding: 0 0 5px;
  font-weight: bold;
  color: #09396c;
}
.newsItem a {
  color: inherit;
  display: block;
  text-decoration: none;
}
.newsItem a .title {
  color: #09396c;
}
.newsItem a:hover,
.newsItem a:focus {
  text-decoration: underline;
}
.newsItem a:hover .preview,
.newsItem a:focus .preview {
  text-decoration: none;
}
.newsItem .tools a {
  display: inline-block;
}
.gridWrap {
  margin-bottom: 50px;
  overflow: hidden;
}
@media only screen and (max-width:  699px ) {
  .gridWrap {
    margin: 0;
  }
}
.gridWrap .gridItem .thumb {
  margin: 0 0 20px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.gridWrap .gridItem .thumb a {
  display: block;
}
.gridWrap .gridItem .thumb img.invisible {
  visibility: hidden;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .gridWrap .gridItem .thumb {
    width: 300px;
    float: left;
  }
}
@media only screen and (max-width:  699px ) {
  .gridWrap .gridItem .thumb {
    width: 400px;
    margin: 0 auto;
    max-width: 100%;
  }
}
.gridWrap .gridItem .text {
  clear: both;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .gridWrap .gridItem .text {
    padding-left: 320px;
    clear: right;
    padding-right: 20px;
    padding-top: 20px;
  }
}
@media only screen and (max-width:  699px ) {
  .gridWrap .gridItem .text {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
.gridWrap .gridItem .title {
  display: block;
  font-size: 1.2em;
  line-height: normal;
  font-weight: bold;
  padding: 0 0 5px;
}
/* EXPAND/COLLAPSE STYLES
---------------------------------------------*/
.accordion {
  margin: 20px 0 30px;
  float: left;
  width: 100%;
}
.accordion + .accordion {
  margin: 0;
}
.accordion .collapseItem {
  margin: 0 0 10px;
  /* heading */
  /* content */
}
.accordion .collapseItem .panel-heading {
  background: #e8e8e8;
  display: block;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  font-size: 20px;
  line-height: 30px;
}
@media only screen and (max-width:  699px ) {
  .accordion .collapseItem .panel-heading {
    font-size: 1.1em;
    line-height: normal;
  }
}
.accordion .collapseItem .panel-heading a {
  display: block;
  padding: 13px 20px;
  text-decoration: none;
  background: #21314D;
  color: #fff;
  min-height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.accordion .collapseItem .panel-heading a:focus {
  outline: 2px dotted #fff;
}
.accordion .collapseItem .panel-heading a .arrows {
  text-align: right;
  height: 100%;
  width: 50px;
  font-size: 1em;
  line-height: 1;
}
.accordion .collapseItem .panel-heading a.open {
  background: #879ec3;
}
.accordion .collapseItem .accordionPanelWrap {
  padding: 20px 20px 40px;
  overflow: hidden;
}
@media only screen and (max-width:  699px ) {
  .accordion .collapseItem .accordionPanelWrap {
    border-left: none;
  }
}
.accordion .collapseItem .accordionPanelWrap .thumb {
  float: left;
  margin: 0 20px 10px 0;
  width: 200px;
  border: 4px solid #fff;
}
@media only screen and (max-width:  479px ) {
  .accordion .collapseItem .accordionPanelWrap .thumb {
    float: none;
    width: 100%;
  }
  .accordion .collapseItem .accordionPanelWrap .thumb img {
    width: 100%;
  }
}
.accordion .collapseItem .accordionPanelWrap .more {
  padding-top: 10px;
}
.accordion .collapseItem .accordionPanelWrap .more span {
  display: none;
}
.accordion .collapseItem .accordionPanelWrap .more a > span {
  display: block;
}
.accordion .collapseItem .accordionPanelWrap .more a {
  display: inline-block;
}
.accordion .collapseItem .accordionPanelWrap .more a .button {
  background: #21314D;
  margin: 0;
}
/* EVENT LISTINGS
-----------------------------------------------*/
.eventItem {
  position: relative;
  width: 100%;
  padding: 0px 0 40px;
}
.eventItem + .eventItem {
  padding-top: 40px;
  border-top: 1px solid #E5E5E5;
}
.eventItem .date {
  position: relative;
  width: 60px;
  background: #fff;
  border: 1px solid #E5E5E5;
  text-align: center;
  float: left;
}
.eventItem .date .month {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1em;
  background: #21314D;
  color: #fff;
  padding: 5px 0;
  margin: -1px -1px 0;
}
.eventItem .date .day {
  font-size: 2em;
  line-height: 1.5em;
}
.eventItem .text {
  padding-left: 95px;
}
@media only screen and (max-width:  699px ) {
  .eventItem .text {
    padding-left: 80px;
  }
}
.eventItem .title {
  font-size: 1.2em;
  line-height: normal;
  padding: 0 0 5px;
  font-weight: bold;
  color: #09396c;
}
.eventItem .title a {
  color: #09396c;
  text-decoration: none;
}
.eventItem .title a:hover,
.eventItem .title a:focus {
  text-decoration: underline;
}
/*INTERIOR EVENTS WITHOUT CALENDAR
------------------------*/
.intEventItem {
  border: none;
  padding-bottom: 40px;
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}
.intEventItem + .intEventItem {
  border-top: 1px solid #E5E5E5;
  padding-top: 40px;
}
.intEventItem .thumb {
  float: right;
  width: 120px;
  height: 120px;
  margin-left: 30px;
  margin-bottom: 10px;
  background-size: cover;
}
.intEventItem .thumb img {
  opacity: 0;
}
@media only screen and (max-width:  699px ) {
  .intEventItem .thumb {
    display: none;
  }
}
.intEventItem .date {
  float: left;
  width: 85px;
  height: 85px;
  background: #21314D;
  text-align: center;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width:  699px ) {
  .intEventItem .date {
    width: 60px;
    height: 70px;
    padding: 7px;
  }
}
.intEventItem .date .month {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1;
}
.intEventItem .date .day {
  color: #ffffff;
  font-size: 1.625em;
  line-height: 1;
  font-weight: bold;
}
.intEventItem .text {
  padding-left: 115px;
  padding-right: 150px;
}
@media only screen and (max-width:  699px ) {
  .intEventItem .text {
    padding-left: 80px;
    padding-right: 0px;
  }
}
.intEventItem .text .title {
  font-weight: bold;
  font-size: 1.375em;
  line-height: 1.1;
  padding: 0;
  color: #09396c;
}
@media only screen and (max-width:  699px ) {
  .intEventItem .text .title {
    font-size: 1em;
  }
}
.intEventItem .text .title a {
  color: #09396c;
  text-decoration: none;
}
.intEventItem .text .title a:hover {
  text-decoration: underline;
}
.intEventItem .text .preview {
  font-size: 0.95em;
  line-height: 1.6em;
  margin: 10px 0;
}
.intEventItem .text .locationTime {
  font-size: 0.75em;
  text-transform: uppercase;
}
.intEventItem .text .locationTime .location {
  display: inline-block;
  padding-right: 15px;
  line-height: normal;
  padding-top: 5px;
}
.intEventItem .text .locationTime .location:before {
  font-family: "Font Awesome 5 Free", "FontAwesome";
  content: "\f041";
  padding-right: 5px;
  font-weight: bold;
}
@media only screen and (max-width:  699px ) {
  .intEventItem .text .locationTime .location {
    display: inline-block;
  }
}
.intEventItem .text .locationTime .timeRange {
  display: inline-block;
  padding-top: 5px;
}
.intEventItem .text .locationTime .timeRange:before {
  font-family: "Font Awesome 5 Free", "FontAwesome";
  content: "\f017";
  padding-right: 5px;
}
@media only screen and (max-width:  699px ) {
  .intEventItem .text .locationTime .timeRange {
    display: inline-block;
    padding-left: 0px;
  }
}
/* FEATURE ROTATOR
---------------------------------------------*/
.imageRotator .slideItem {
  position: relative;
}
.imageRotator .slideItem.hasLink:hover .sldtxt .title,
.imageRotator .slideItem.hasLink:focus .sldtxt .title {
  border-color: #09396c;
}
.imageRotator .slideItem.hasLink:hover .sldtxt .more span.button,
.imageRotator .slideItem.hasLink:focus .sldtxt .more span.button {
  background: #09396c;
}
.imageRotator .slideItem .sldimg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.imageRotator .slideItem .sldtxt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt {
    position: static;
  }
}
.imageRotator .slideItem .sldtxt.hasTitle {
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgba(255, 255, 255, 0.87);
}
@media only screen and (max-width:  1023px ) {
  .imageRotator .slideItem .sldtxt.hasTitle {
    background: #fff;
    position: static;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .imageRotator .slideItem .sldtxt.hasTitle {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt.hasTitle {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.imageRotator .slideItem .sldtxt.hasTitle .more .moreWrap .sldBtns button {
  color: #cc4628;
  text-shadow: none;
}
.imageRotator .slideItem .sldtxt .textInner {
  width: 75%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .imageRotator .slideItem .sldtxt .textInner {
    padding-left: 40px;
  }
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .textInner {
    width: 100%;
  }
}
.imageRotator .slideItem .sldtxt .title {
  font-size: 2.125em;
  font-weight: 300;
  line-height: 1;
  color: #21314D;
  border-bottom: 1px solid transparent;
  margin: 0;
  display: inline-block;
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .title {
    font-size: 1.73333em;
  }
}
.imageRotator .slideItem .sldtxt .preview {
  margin-top: 10px;
  color: #292929;
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .preview {
    display: none;
  }
}
.imageRotator .slideItem .sldtxt .more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-top: 3px;
  width: 25%;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .imageRotator .slideItem .sldtxt .more {
    padding-right: 40px;
  }
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .more {
    display: block;
    width: 100%;
  }
}
.imageRotator .slideItem .sldtxt .more .moreWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .imageRotator .slideItem .sldtxt .more .moreWrap {
    width: 100%;
  }
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .more .moreWrap {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    padding-top: 20px;
    text-align: right;
  }
}
.imageRotator .slideItem .sldtxt .more span.button {
  color: #fff;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .imageRotator .slideItem .sldtxt .more span.button {
    min-width: 10px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.imageRotator .slideItem .sldtxt .more .sldBtns {
  margin-left: 0px;
  position: relative;
  z-index: 5;
  text-align: right;
  margin-top: -10px;
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .more .sldBtns {
    width: 100%;
    text-align: right;
    margin-top: 0;
  }
}
.imageRotator .slideItem .sldtxt .more .sldBtns button {
  background: none;
  border: none;
  -webkit-appearance: none;
  color: #fff;
  padding: 10px 15px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width:  699px ) {
  .imageRotator .slideItem .sldtxt .more .sldBtns button {
    color: #cc4628;
    text-shadow: none;
  }
}
.imageRotator .slideItem .sldtxt .more .sldBtns button:hover {
  background: #fff;
  color: #cc4628;
  text-shadow: none;
}
.imageRotator .slideItem .sldtxt .more .sldBtns button:focus {
  outline: 2px solid #09396c;
}
.imageRotator .slideItem a {
  text-decoration: none;
  color: inherit;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* LEFT COLUMN
---------------------------------------------*/
.secondaryNav > ul {
  margin-bottom: 30px;
}
.secondaryNav > ul > li > ul > li a {
  display: block;
  padding: 5px 5px 5px 30px;
}
.secondaryNav > ul > li > a {
  padding: 5px;
}
.secondaryNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.secondaryNav ul li a {
  display: block;
  line-height: normal;
}
/* RIGHT CONTENT 
---------------------------------------------*/
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structRight {
    margin-bottom: 2em;
  }
}
/* FOOTER ELEMENTS
---------------------------------------------*/
footer {
  float: left;
  width: 100%;
  color: #21314D;
  background: #F3F5F6;
  padding: 50px 0 15px;
  border-top: 5px solid #21314D;
  font-size: 0.9375em;
}
@media only screen and (max-width:  1023px ) {
  footer {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}
footer a {
  color: #21314D;
  text-decoration: none;
}
footer a:hover,
footer a:focus {
  color: #21314D;
  text-decoration: underline;
}
footer ul.social {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
  font-size: 1.3333em;
}
@media only screen and (max-width:  1023px ) {
  footer ul.social {
    text-align: center;
    margin-bottom: 0px;
  }
}
footer ul.social li {
  display: inline-block;
  padding: 0 1px 0 5px;
}
footer ul.social li a {
  text-decoration: none;
  color: #cc4628;
  width: 44px;
  height: 44px;
  display: block;
  border: 1px solid #CED5DD;
  border-radius: 60px;
  text-align: center;
  line-height: 44px;
}
footer ul.social li a:hover,
footer ul.social li a:focus {
  background: #CED5DD;
}
@media only screen and (max-width:  1023px ) {
  footer .footLogo {
    text-align: center;
  }
}
footer .footLogo a {
  display: block;
}
footer .footLogo img {
  width: 260px;
}
footer .footMid {
  text-align: center;
}
@media only screen and (max-width:  1023px ) {
  footer .footMid {
    padding: 40px 0;
  }
}
footer .footMid address {
  font-style: normal;
}
footer .subFooter {
  text-align: center;
  font-size: 0.86667em;
  padding-top: 50px;
  color: #21314D;
}
@media only screen and (max-width:  1023px ) {
  footer .subFooter {
    padding-top: 40px;
  }
}
footer .subFooter ul.subFoot {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width:  699px ) {
  footer .subFooter ul.subFoot {
    width: 50%;
    float: left;
  }
}
footer .subFooter ul.subFoot li {
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (max-width:  699px ) {
  footer .subFooter ul.subFoot li {
    display: block;
  }
}
footer .subFooter ul.subFoot li + li {
  margin-left: 15px;
}
@media only screen and (max-width:  699px ) {
  footer .subFooter ul.subFoot li + li {
    margin: 10px 0 0;
  }
}
footer .subFooter ul.subFoot li a {
  display: block;
}
footer .subFooter ul.subFoot + ul.subFoot:before {
  content: "";
  margin-left: 12px;
  margin-right: 11px;
  display: inline-block;
}
@media only screen and (max-width:  699px ) {
  footer .subFooter ul.subFoot + ul.subFoot:before {
    display: none;
  }
}
.toplink {
  display: block;
  text-align: center;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: normal;
  clear: both;
  background-color: #000;
}
.toplink a {
  text-decoration: none;
  padding: 10px;
  color: #fff;
  display: block;
}
/* MOBILE NAVIGATION
-----------------------------------------------*/
.c-offcanvas {
  background: #21314D;
}
.has-offcanvas--visible {
  overflow: hidden;
}
.js-offcanvas-trigger,
.c-button {
  border: none;
}
.c-offcanvas--right {
  width: 250px;
}
.c-offcanvas .mobileSocial {
  background: #cc4628;
}
.c-offcanvas .mobileSocial ul {
  margin: 0;
  padding: 10px 40px;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.c-offcanvas .mobileSocial ul li a {
  color: #fff;
}
.c-offcanvas .mobileSocial ul li a:hover,
.c-offcanvas .mobileSocial ul li a:focus {
  color: #21314D;
}
.c-offcanvas .menuTitleBar {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.c-offcanvas .menuTitleBar h2 {
  color: inherit;
  font-weight: 300;
  margin: 0;
  font-size: 1.375em;
  line-height: 1em;
  padding: 15px;
}
.c-offcanvas .menuTitleBar .js-offcanvas-close {
  border: none;
  background: none;
  font-size: 1em;
  display: block;
  padding: 15px;
  width: 100%;
  text-transform: uppercase;
}
.c-offcanvas .menuTitleBar .js-offcanvas-close img {
  margin-left: 15px;
  width: 20px;
}
.c-offcanvas .menuTitleBar .js-offcanvas-close:focus {
  background: #09396c;
}
.c-offcanvas .mainNav ul {
  margin: 0;
  padding: 20px;
  list-style: none;
}
.c-offcanvas .mainNav ul li {
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
}
.c-offcanvas .mainNav ul li + li {
  border-top: 1px solid #364660;
}
.c-offcanvas .mainNav ul li.has-subnav .accordion-btn {
  color: #fff;
}
.c-offcanvas .mainNav ul li.selected a {
  color: #fff;
}
.c-offcanvas .mainNav ul li ul {
  padding: 0 0 20px 30px;
}
.c-offcanvas .mainNav ul li ul li + li {
  border: none;
}
.c-offcanvas .mainNav ul li ul li a {
  text-transform: none;
  font-weight: normal;
  padding: 5px 0;
}
.c-offcanvas .mainNav ul li ul li a:hover,
.c-offcanvas .mainNav ul li ul li a:focus {
  text-decoration: underline;
  background: none;
}
.c-offcanvas .mainNav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 12px 10px 12px 30px;
  margin: 0!important;
}
.c-offcanvas .mainNav ul li a:hover,
.c-offcanvas .mainNav ul li a:focus {
  color: #879ec3;
}
.c-offcanvas .mainNav ul li button {
  border: none;
  background: none;
  height: 100%;
  max-height: 50px;
  text-align: left!important;
  padding: 0 0 0 5px;
}
.mobileSearch {
  margin: 10px 20px 0px;
  text-align: center;
  color: #E5E5E5;
  position: relative;
}
.mobileSearch input {
  background: #666;
  border: none;
  padding: 5px 20px 4px 10px;
  width: 100%;
  border-radius: 20px;
  color: #E5E5E5;
}
.mobileSearch img[id$="_imgbtnSearch"] {
  width: 14px;
  position: absolute;
  right: 10px;
  top: 7px;
}
.mobileSearch button,
.mobileSearch label,
.mobileSearch .SearchModuleSpacer {
  display: none;
}
#nav {
  overflow-y: scroll;
}
#nav ul li.selected > ul {
  display: block;
}
#nav ul li ul {
  display: none;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #nav {
    display: block;
  }
}
@media only screen and (max-width:  699px ) {
  #nav {
    display: block;
  }
}
.accordion-btn-wrap:focus {
  outline: 1px dotted #fff;
}
.mobileMemberTools {
  padding: 0 20px 30px;
  font-size: 0.875em;
  line-height: normal;
}
.mobileMemberTools ul {
  margin: 0;
  padding: 15px;
  list-style: none;
  background: #364660;
}
.mobileMemberTools ul li + li {
  margin-top: 15px;
}
.mobileMemberTools ul li a {
  color: #fff;
  text-decoration: none;
}
.mobileMemberTools ul li a:hover,
.mobileMemberTools ul li a:focus {
  text-decoration: underline;
}
/* FORM STYLING 
---------------------------------------------*/
#ContentMiddle div[id*="pnlBreadcrumbs"],
#ContentMiddle div.idbmsBreadcrumbWrapper {
  display: block;
  padding: 0 0 50px;
  overflow: hidden;
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbSeparator,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbSeparator {
  display: none;
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumb,
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
  display: block;
  float: left;
  color: #21314D;
  padding: 0px 0px 5px;
  font-size: 0.9375em;
  line-height: normal;
  margin-right: 40px;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb,
  #ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumb,
  #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
  #ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
    margin: 0;
    text-align: center;
  }
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
  font-size: inherit;
  font-weight: normal;
  border-color: #cc4628;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
  #ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
    width: 100%;
    display: block;
    float: none;
    font-weight: bold;
  }
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb,
  #ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumb {
    display: none;
  }
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .stepTxt,
#ContentMiddle div.idbmsBreadcrumbWrapper .stepTxt {
  display: none;
  padding-right: 5px;
  font-weight: normal;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle div[id*="pnlBreadcrumbs"] .stepTxt,
  #ContentMiddle div.idbmsBreadcrumbWrapper .stepTxt {
    display: inline;
  }
}
#ContentMiddle .imod_formItemWrapper .EventsHeader,
#ContentMiddle .imod_fieldWrapper .EventsHeader {
  background: #21314D;
  color: #fff;
  border: none;
  font-size: 1.25em;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 15px 20px 15px;
  position: relative;
  display: block;
  margin-bottom: 10px;
}
#ContentMiddle .imod_formItemWrapper .EventsHeader a,
#ContentMiddle .imod_fieldWrapper .EventsHeader a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0 20px;
}
#ContentMiddle .imod_formItemWrapper .EventsHeader a .categoryToggle,
#ContentMiddle .imod_fieldWrapper .EventsHeader a .categoryToggle {
  display: block;
  float: right;
  padding: 7px 15px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldLabel {
  font-weight: bold;
  line-height: normal;
  font-size: 1.125em;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput textarea,
#ContentMiddle .imod_fieldWrapper .imod_fieldInput input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_fieldInput select {
  background: #F3F3F3;
  border: 1px solid #D1D1D1;
  border-radius: 0;
  box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput select[id*="DropDown"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput select[id*="DropDown"] option {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput .divAdvancedDesignations input[type="text"] {
  width: auto;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 {
  float: left;
  width: 70%;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper .imod_col2 {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper .imod_col2 textarea,
#ContentMiddle .imod_fieldWrapper .imod_col2 input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col2 select {
  background: #F3F3F3;
  border: 1px solid #D1D1D1;
  border-radius: 0;
  box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 select[id*="DropDown"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 select[id*="DropDown"] option {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 {
  float: left;
  width: 70%;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper .imod_col3 {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper .imod_col3 textarea,
#ContentMiddle .imod_fieldWrapper .imod_col3 input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col3 select {
  background: #F3F3F3;
  border: 1px solid #D1D1D1;
  border-radius: 0;
  box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 select[id*="DropDown"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 select[id*="DropDown"] option {
  height: 42px;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper .imod_col4 {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper .imod_col4 textarea,
#ContentMiddle .imod_fieldWrapper .imod_col4 input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col4 select {
  background: #F3F3F3;
  border: 1px solid #D1D1D1;
  border-radius: 0;
  box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_col4 input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col4 select[id*="DropDown"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col4 select[id*="DropDown"] option {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox {
  background: #e8e8e8;
  border: 1px solid #cfcfcf;
  font-size: 20px;
  padding: 20px;
  margin-bottom: 30px;
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldLabel {
  line-height: 60px;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  width: auto;
  padding-right: 20px;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldLabel {
    width: 100%;
    padding: 0 0 10px;
    line-height: normal;
  }
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldInput {
  width: auto;
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldInput input[type="text"] {
  background: #fff;
  height: 60px;
  line-height: 1em;
  font-size: 35px;
  font-weight: bold;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldInput {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper span[id*="lblFullName2"],
#ContentMiddle .imod_fieldWrapper span[id*='lblCCNoHypens'] {
  display: block;
  font-size: 0.8em;
  font-style: italic;
  opacity: 0.5;
}
#ContentMiddle .imod_fieldWrapper #divPayByCC .imod_fieldWrapper .imod_fieldInput {
  width: auto;
}
#ContentMiddle .imod_fieldWrapper #divPayByCC .imod_fieldWrapper .imod_fieldInput select,
#ContentMiddle .imod_fieldWrapper #divPayByCC .imod_fieldWrapper .imod_fieldInput input {
  width: auto;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] {
  display: block;
  font-size: 14px;
  line-height: normal;
  margin: 0 -10px;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody {
  display: block;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr {
  display: block;
  float: left;
  width: 50%;
  border: 10px solid #fff;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr {
    width: 100%;
    float: none;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr:nth-child(3n+3) {
  clear: left;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr.active td,
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr.active td:hover {
  background: #020406;
  border-color: #21314D;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td {
  padding: 0px;
  display: block;
  background: #21314D;
  position: relative;
  transition: all 250ms ease;
  border: 2px solid transparent;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td:hover {
  background: #121a29;
  cursor: pointer;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td input[type='radio'] {
  display: none;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td input[type='radio']:checked + label {
  /*background:darken(@primary-color, 20%);*/
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td input[type='radio']:checked + label:before {
  content: "\f058";
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td label {
  display: block;
  padding: 18px 80px 18px 18px;
  color: #fff;
  font-weight: bold;
  line-height: 1.5em;
  cursor: pointer;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td label:before {
  color: #ffffff;
  display: block;
  font-family: "FontAwesome";
  font-size: 28px;
  line-height: 30px;
  padding: 0 0px;
  content: "\f111";
  width: 60px;
  text-align: center;
  height: 30px;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
  font-weight: normal;
}
#ContentMiddle .designation-section .divAdvancedDesignations {
  width: 100%;
  margin: 0;
  border: 2px solid #cfcfcf;
}
#ContentMiddle .designation-section .divAdvancedDesignations .fa {
  color: #21314D;
}
#ContentMiddle .login-password-box {
  width: 100%;
}
.fancybox-overlay .fancybox-wrap {
  width: 600px!important;
  max-width: 90%;
}
.fancybox-overlay .fancybox-wrap .fancybox-inner {
  width: 100%!important;
}
.fancybox-overlay .fancybox-wrap .fancybox-skin {
  padding: 30px!important;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap .fancybox-skin {
    padding: 15px!important;
  }
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper {
  max-width: 100%;
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper br {
  display: none;
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper span.instruction-section {
  font-size: 1em;
  width: 100%;
  margin: 0 0 0px;
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper div.notification-section-top {
  margin-top: 10px;
}
.fancybox-overlay .fancybox-wrap div.header-section {
  float: left;
  min-height: 35px;
  padding: 0 0 15px;
  width: 100%;
}
.fancybox-overlay .fancybox-wrap div.header-section h1 {
  margin: 0;
  padding: 5px 220px 5px 0;
  font-size: 1.5em;
  min-height: 40px;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap div.header-section h1 {
    margin-top: 40px;
    font-size: 1.3em;
    padding-right: 0;
  }
}
.fancybox-overlay .fancybox-wrap div.header-section div.search-section {
  background: #ddd;
  border: 1px solid #ccc;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap div.header-section div.search-section {
    width: 100%;
  }
}
.fancybox-overlay .fancybox-wrap div.header-section div.search-section div.search-box {
  border: none;
  background: none;
}
.fancybox-overlay .fancybox-wrap div#main-section {
  background: #eee;
  border: 2px solid #ddd;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset {
  border: none;
  margin: 15px 0 0;
  padding: 8px 15px 10px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset legend {
  font-size: 1.25em;
  line-height: 1.3em;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap div#main-section fieldset legend {
    font-size: 1em;
  }
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section {
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  margin: 0 0 5px;
  width: 100%;
  float: none;
  overflow: hidden;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section input {
  margin-top: 2px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section label {
  display: block;
  max-width: 100%;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section div.arrow {
  position: relative;
  top: -3px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section {
  width: 100%;
  float: none;
  margin: 0;
  padding: 5px 0 0 17px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section li.child {
  max-width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 5px 15px 5px 0;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section li.child input[type="checkbox"] {
  width: 15px;
  margin: 0;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section li.child label {
  float: none;
  padding-left: 23px;
  line-height: normal;
}
.fancybox-overlay .fancybox-wrap div.button-section {
  display: block;
  width: 100%;
  padding: 20px 0 0;
  float: left;
}
.fancybox-overlay .fancybox-wrap div.button-section input {
  background: #21314D;
  color: #fff;
  display: inline-block;
  float: right;
  padding: 10px 20px;
  border: none;
  max-width: 40%;
  transition: all 250ms ease;
}
.fancybox-overlay .fancybox-wrap div.button-section input:hover {
  background: #292929;
  color: #fff;
}
.fancybox-overlay .fancybox-wrap div.button-section a {
  border: 1px solid #ccc;
  color: #333;
  margin: 0!important;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  float: left;
  max-width: 40%;
}
.fancybox-overlay .fancybox-wrap div.button-section a:hover {
  background: #292929;
  color: #fff;
  text-decoration: none;
  border-color: #292929;
}
.flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width:  699px ) {
  .flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody {
    display: block;
  }
}
.flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr {
  display: inherit;
  -ms-flex-direction: column;
      flex-direction: column;
}
.flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
/* GIVE BUTTONS 1 STYLING 
---------------------------------------------*/
ul.giveBtnsList {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  text-align: center;
}
ul.giveBtnsList li {
  display: inline-block;
  padding: 0 10px;
  margin-right: -4px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  ul.giveBtnsList li {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width:  699px ) {
  ul.giveBtnsList li {
    padding: 0 5px;
    width: 50%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
ul.giveBtnsList li a {
  text-decoration: none;
  display: block;
  font-size: 2em;
  line-height: 1em;
  padding: 20px 30px;
  background: #21314D;
  color: #fff!important;
  font-weight: bold;
}
ul.giveBtnsList li a.otherAmt {
  font-weight: normal;
  color: #fff;
}
ul.giveBtnsList li a:hover {
  background: #292929;
  color: #fff!important;
  border-color: #000;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  ul.giveBtnsList li a {
    font-size: 26px;
    padding: 15px 20px;
  }
}
@media only screen and (max-width:  699px ) {
  ul.giveBtnsList li a {
    font-size: 24px;
    padding: 13px;
  }
}
ul.giveBtnsList span.sm {
  float: left;
  font-size: 0.55em;
  margin-right: 2px;
  position: relative;
  top: -5px;
}
@media only screen and (max-width:  699px ) {
  ul.giveBtnsList span.sm {
    float: none;
  }
}
/* GIVE BUTTONS 2 STYLING 
---------------------------------------------*/
.giveInputWrapper {
  display: block;
  position: relative;
  height: 50px;
  padding-right: 20px;
  max-width: 50%;
  margin: 0 auto;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .giveInputWrapper {
    max-width: 80%;
  }
}
@media only screen and (max-width:  699px ) {
  .giveInputWrapper {
    max-width: 100%;
  }
}
.giveInputWrapper .giveInputInner {
  background: #fff;
  overflow: hidden;
  padding-left: 45px;
  position: relative;
  border: 2px solid #ccc;
}
.giveInputWrapper label {
  display: none;
}
.giveInputWrapper .dollarSign {
  position: absolute;
  top: 0;
  left: 0;
  color: #292929 !important;
  font-size: 25px;
  line-height: 50px;
  width: 35px;
  text-align: right;
}
.giveInputWrapper #giveInput {
  background: none;
  border: none;
  height: 46px;
  color: #292929 !important;
  width: 100%;
  font-size: 25px;
}
@media only screen and (max-width:  699px ) {
  .giveInputWrapper #giveInput {
    font-size: 18px;
  }
}
.giveInputWrapper #giveBtnSubmit {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: none;
  background: #292929;
  padding: 0 20px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 250ms ease;
  line-height: 50px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.giveInputWrapper #giveBtnSubmit:hover {
  background: #000;
}
@media only screen and (max-width:  699px ) {
  .giveInputWrapper #giveBtnSubmit {
    padding: 0 10px;
    font-size: 11px;
  }
}
.giveInputWrapper #errorMsg {
  font-style: italic;
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
}

/* Quotes Slider */
.quotesWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
  @media only screen and (max-width:  1023px ) {
    .quotesWrapper {
      padding-left: 50px;
      padding-right: 50px;
    }
  }
  @media only screen and (max-width:  699px ) {
    .quotesWrapper {
      padding-left: 0;
      padding-right: 0;
    }
  }
  .quotesWrapper .slick-arrow {
    color: inherit!important;
    width: 50px;
    font-size: 60px;
    padding: 5px;
  }
  .quotesWrapper .slick-arrow.next {
    right: 0px;
  }
  .quotesWrapper .slick-arrow.prev {
    left: 0px;
  }
  .quoteItem {
    position: relative;
  }
  .quoteItem a {
    text-decoration: none;
  }
  .quoteItem .thumb {
    position: relative;
    width: 120px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .quoteItem .text {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  @media only screen and (max-width:  699px ) {
    .quoteItem .text {
      min-height: 10px;
    }
  }
  .quoteItem.hasThumb .text {
    padding-left: 140px;
  }
  .quoteItem .title {    
    line-height: normal;
    padding: 15px 0 0px;
    font-weight: bold;
  }
  .quoteItem .title a {
    text-decoration: none;
  }
  .quoteItem .more {
    padding-top: 10px;
  }
  .quoteItem .more span {
    display: none;
  }
  .quoteItem .more a > span {
    display: block;
  }
  .quoteItem {
    padding: 15px 0;
  }
  @media only screen and (max-width:  699px ) {
    .quoteItem .text {
      padding-left: 0;
    }
  }
/* QUOTES LAYOUT 1 STYLES 
---------------------------------------------*/
.quoteItem {
    padding-top: 20px;
    padding-bottom: 20px;
}

.quoteItem .text {
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
}

@media only screen and (max-width: 699px) {
    .quoteItem .text {
        padding-left: 60px;
        padding-right: 60px;
        text-align: center;
    }
}

.quoteItem .text:before {
    content: "\201C";
    position: absolute;
    left: 0px;
    top: 20px;
    font-size: 120px;
    font-family: Georgia, serif;
    /* opacity: 0.3; */
    color: #cc4628;
}

@media only screen and (max-width: 699px) {
    .quoteItem .text:before {
        left: 10px;
    }
}

.quoteItem .text:after {
    content: "\201D";
    position: absolute;
    right: 0px;
    bottom: -30px;
    font-size: 120px;
    font-family: Georgia, serif;
    /* opacity: 0.3; */
    color: #cc4628;
}

@media only screen and (max-width: 699px) {
    .quoteItem .text:after {
        right: 10px;
    }
}

.quoteItem.hasThumb .text {
    padding-left: 210px;
}

@media only screen and (max-width: 699px) {
    .quoteItem.hasThumb .text {
        padding-left: 60px;
    }
}

.quoteItem.hasThumb .text:before {
    content: "\201C";
    position: absolute;
    left: 150px;
    top: 20px;
    font-size: 120px;
    font-family: Georgia, serif;
    opacity: 1;
}

@media only screen and (max-width: 699px) {
    .quoteItem.hasThumb .text:before {
        left: 10px;
    }
}
.quotesWrapper .slick-arrow {
    position: absolute;
    top: 35%;
    font-size: 30px;
    font-weight: 900;
    border: none;
    background: none;
}
.quotesWrapper .prev.slick-arrow {
    left: 0;
}
.quotesWrapper .next.slick-arrow {
    right: 0;
}

/* START TB - 5/3/22 - MAINT#234257 */
.quoteItem.hasThumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (min-width: 700px) {
	.quoteItem.hasThumb .thumb {
		width: unset;
		max-width: 300px;
		border-radius: 15px;
		overflow: hidden;
	}
	.quoteItem.hasThumb .text {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
		padding-left: 55px;
    padding-right: 50px;
	}
	.quoteItem.hasThumb .text:before {
		left: 5px;
	}
}
/* END TB - 5/3/22 - MAINT#234257 */


/* Colorado School of Mines Modal styles - AU: 7/13/2020 */
div#mines-modal .modal-dialog {
  width: 1200px;
  margin: 80px auto;
}
div#mines-modal .modal-dialog .modal-content .modal-header {
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 6px 6px 0 0;
  position: relative;
}
div#mines-modal .modal-dialog .modal-content .modal-header .modal-img-wrap {background-repeat:no-repeat; background-size:cover; background-position: center 25%; max-height:45vh;}
@media only screen and (max-width:699px) {
  div#mines-modal .modal-dialog .modal-content .modal-header .modal-img-wrap {max-height:30vh}    
}
div#mines-modal .modal-dialog .modal-content .modal-header img {
  width: 100%;
}
div#mines-modal .modal-dialog .modal-content .modal-header .modal-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .50;
}

div#mines-modal .modal-dialog .modal-content button.close {
  position: absolute;
  height: 50px;
  width: 50px;
  display: block;
  top: 15px;
  right: 15px;
  background: #879ec3;
  color: #21314D;
  border: none;
  border-radius: 50%;
  font-size: 2.125rem !important;
  padding: 0;
  z-index: 1;
}
div#mines-modal .modal-dialog .modal-content .modal-body {
  padding: 30px;
}
div#mines-modal .modal-dialog .modal-content .modal-body .modal-title {
  color: #21314D;
}
div#mines-modal .modal-dialog .modal-content .modal-body p {
  font-size: .9em;
  line-height: 1.75;
}
div#mines-modal .modal-dialog .modal-content .modal-footer {
  text-align: center;
}
div#mines-modal .modal-dialog .modal-content .modal-footer button {
  background: #cc4628;
  border-radius: 5px;
  padding: 25px 60px;
  text-transform: uppercase;
  font-size: 1rem;
  color: #ffffff;
  font-weight: bold;
  border: none;
}
div#mines-modal .modal-dialog .modal-content .modal-footer button a {
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 1023px) {
  div#mines-modal .modal-dialog {
    width: 95%;
  }
}

/* MAINT 125612 DT 10302019 */
.desktopNav ul li:hover {
  background-color: #879ec3;
}

.desktopNav ul li a:hover {
  color: #ffffff;
}

.flexbox .desktopNavInner > ul > li > a:hover span::after {
  display: none;
}

/* ALERT BAR */
.alertBar {
  background: #cc4628;
  color: #fff;
}
.alertItem .inner {
  padding: 1.5rem 5rem 1.5rem 0;
  line-height:normal;
}
.alertItem .inner a {
  text-decoration: none;
  color: inherit;
  display:block;
}
.alertItem .inner a:hover .title,
.alertItem .inner a:focus .title {
  text-decoration: underline;
}
.alertItem .inner a:focus {
  outline:2px solid #fff;
  outline-offset:5px;
}
.alertItem .thumb {
  float: left;
  width: 55px;
}
.alertItem .title {
  font-size: 1.5em;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -0.5px;
  display: block;
  margin: 0 0 0.5rem;
}
.alertItem .inner.hasImg .title,
.alertItem .inner.hasImg .text {
  padding-left:80px;
}
.alertItem .close-wrap {
  position: absolute;
  top: 0;
  right: 0;
  background: #21314D;
  border: none;
  height: 3rem;
  width: 3rem;
  font-size: 1.25rem;
}
.alertItem .close-wrap:hover,
.alertItem .close-wrap:focus {
  background:#fff;
  color:#21314D;
}
@media (max-width:699px) {
  .alertItem .thumb {
      float:none;
      margin:0 1rem 1rem 0;
  }
  .alertItem .inner {
      padding:2rem 0rem 2rem 0;
  }
  .alertItem .inner.hasImg {
      padding-top:1rem;
  }
  .alertItem .inner.hasImg .title, 
  .alertItem .inner.hasImg .text {
      padding-left:0;
  }
  .alertItem .title {
      padding-right: 3rem;
  }
}

/* TB 8/12/21 2021 PCB Modal Dropin for Forms */
.interior #minesModal .modal-dialog .modal-content {
  background-color: #20314d;
  position: relative;
}
.interior #minesModal .modal-dialog .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  background: #20314D;
  padding-right: 60px;
  position: relative;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  min-height: 59px;
  border-bottom: none;
}
.interior #minesModal .modal-dialog .modal-content .modal-header .modal-title {
  color: white;
  text-transform: uppercase;
}
.interior #minesModal .modal-dialog .modal-content .modal-header button.close {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 59px;
  border: none;
  padding: 0;
  margin: 0;
  border-top-right-radius: 6px;
  background: #4D5A71;
  color: white;
  font-size: 32px;
  line-height: 20px;
}
.interior #minesModal .modal-dialog .modal-content .modal-header button.close:hover, 
.interior #minesModal .modal-dialog .modal-content .modal-header button.close:focus {
  background: #cc4628;
}
.interior #minesModal .modal-dialog .modal-content .modal-body,
.interior #minesModal .modal-dialog .modal-content .modal-footer {
  background: white;
}
.interior #minesModal .modal-dialog .modal-content .modal-body .thumbnail {
  position: relative;
  margin: -15px -15px 15px -15px;
}
.interior #minesModal .modal-dialog .modal-content .modal-body .thumbnail.z-depth-1-half {
  /* box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important; */
  text-align: center;
  margin: 0 -15px;
}
.interior #minesModal .modal-dialog .modal-content .modal-body .thumbnail img {
  /* width: 100%; */
  max-width: 100%;
  position: relative;
}
.interior #minesModal .modal-dialog .modal-content .modal-body .text {
  padding: 1rem 2rem;
}
.interior #minesModal .modal-dialog .modal-content .modal-footer {
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.interior #minesModal {
  text-align: center;
  padding: 0!important;
}

.interior #minesModal:before {
  content: '';
  display: inline-block;
  height: 100vh;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}
@media (max-width: 699px) {
  .interior #minesModal:before {
    height: 0;
  }
}

.interior #minesModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* TB - MAINT#220333 - 10132022 */
#ActivityList table > tbody > tr td:first-child {
  font-size: 15px;
  width: 250px;
}